JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="wrap">
  <img src="http://333v.ru/uploads/8b/8bb25c8583e9d46c388cca1420e56a7b.jpg" alt="" >
  <img src="http://fonday.ru/images/tmp/11/2/original/11238ELtFcrzlpBWfZVRTwu.jpg" alt="" class="hov">
</div>

CSS

img{
  max-width:200px;
 max-height:200px;
 display:block;
}
.wrap{
   max-width:200px;
  position:relative;
}
.hov{
 top:0;
 left:0;
 z-index:-1;
  position:absolute;
}
.wrap:hover .hov{
  z-index:1;
}