JSFiddle - React, Tailwind, and code Playground

by Neo Aptt

HTML

<div class="backstuff">
  <img src='http://img1.123freevectors.com/wp-content/uploads/new/icon/075-smiley-face-vector-art-free-download-l.png'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed sem sed velit vestibulum malesuada. Integer dapibus nunc semper
  rutrum aliquam. Ut quis nunc nec ligula rutrum rutrum. Aliquam erat volutpat. Aliquam nisi massa, convallis a nisl eu, vehicula vehicula orci. Cras sollicitudin consectetur nunc id dapibus. Mauris faucibus odio nisl, eget tincidunt elit dapibus eget.
  Ut nec arcu diam. In hac habitasse platea dictumst. Donec tincidunt sollicitudin ex, id fermentum dui bibendum id. Aliquam erat volutpat. Vestibulum ac nisi viverra, auctor ipsum ut, faucibus libero. Donec cursus lorem a eros ultrices, venenatis vulputate
  neque pellentesque. Proin in risus mauris. Aliquam erat volutpat. Morbi nec ultricies elit. Nullam id ligula sapien. Praesent interdum risus vel quam fringilla porta. Nam eu tortor mi. Fusce elementum sit amet leo non rhoncus. Proin aliquam metus quis
  maximus porta. Sed vitae sollicitudin diam, sed ornare nisl. Pellentesque dictum, lorem nec volutpat porttitor, turpis metus tristique tortor, vitae pulvinar odio est aliquet elit. Curabitur consectetur tellus commodo malesuada consequat. Vivamus quis
  elementum dui. Integer pellentesque nibh non elit eleifend, eu faucibus erat faucibus. Maecenas eu felis non ex rhoncus volutpat. Donec nec est gravida, rhoncus orci ut, vestibulum augue. Sed vulputate ligula metus, at placerat velit malesuada ut. Curabitur
  suscipit, nulla a tempus lobortis, dui nisl maximus urna, ac elementum dui turpis sed tortor. Fusce sed placerat nibh. Vestibulum finibus quam non massa ullamcorper, ac efficitur magna semper. Vivamus dictum felis eget lectus suscipit, vitae bibendum
  ligula iaculis. Suspendisse potenti. In euismod sem sit amet feugiat consequat. Sed rutrum nisi felis, id malesuada dolor varius vitae. Etiam eget leo at risus gravida faucibus....

CSS

.Aligner {
  top: 0;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: rgba(0, 0, 0, .7)
}

.Aligner-item {
  max-width: 50%;
}

.Aligner-item img {
  z-index: 10;
  width: 100%;
  border: solid 1px black;
}

.backstuff img {
  width: 200px;
  cursor: pointer;
}

JavaScript

$('.Aligner').hide();
$('.backstuff img').click(function () {
  $('.Aligner').show();
});
$('.Aligner').click(function () {
  $(this).hide();
});