JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="container">
  <div class="pointers">
    <img src="https://dummyimage.com/20x20/ff0000/fff">
    <img src="https://dummyimage.com/15x15/000000/fff">
  </div>
  <div class="iamges">
    <img src="https://dummyimage.com/600x300/ff0000/fff">
    <img src="https://dummyimage.com/1200x750/000000/fff">
  </div>
</div>

CSS

div.shadow {
    position:absolute;
    max-width:45%;
    max-height:45%;
    top:50%;
    left:50%;
    overflow:visible;
}
img.logo {
    position:relative;
    max-width:100%;
    max-height:100%;
    margin-top:-50%;
    margin-left:-50%;
}