JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <img src="http://www.backpackers.com.tw/forum/gallery/images/388186/1_DSC_0007-1.jpg" />
  <img class="left-pic" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVCGpNb8oGTsEGrvkoTfYcEmW4icHRgALHNplDGqfVxX0hvuph" />
  <img class="right-pic" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVCGpNb8oGTsEGrvkoTfYcEmW4icHRgALHNplDGqfVxX0hvuph" />
</div>

CSS

.container { 
    position: relative;
} 

.left-pic,
.right-pic { 
  position: absolute;
  height: 100px;
  width: 100px;
  opacity: 0;
} 
.left-pic:hover,
.right-pic:hover { 
  opacity: 1;
} 
.left-pic { 
  top: 330px; 
  left: 190px;
} 
.right-pic { 
  top: 330px; 
  left: 550px;
}