JSFiddle - React, Tailwind, and code Playground

by meo

HTML

<div class="background"></div>
<div class="lightbox"><img src="http://uhrforum.de/attachments/167498d1287690128t-frauen-die-gerne-maenneruhren-tragen-al_bundy_vs_chobot.jpg" alt="el bandy"/></div>

SCSS

html, body {
    min-height: 100%;
}
.background, .lightbox {
    position: absolute;
    top: 0; right: 0; left: 0; bottom: 0;
}

.background img, .lightbox img {
    width: 100%;
} 

.lightbox {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.2);
    -webkit-transition: all 400ms ease-in-out;
}


.lightbox.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
}

JavaScript

$(document).on("click", function(){
    $(".lightbox").toggleClass("show");
});