JSFiddle - React, Tailwind, and code Playground

by BandonRandon

HTML

<div class="image">
    <img src="http://www.nightlylabs.com/uploads/alig.jpg" alt="" />
    <img class="hoverimage" src="http://www.nightlylabs.com/uploads/aligo.jpg" alt="" />
</div>

CSS

.image { position: relative; border: 1px solid black; width: 184px; height: 219px; }
.hoverimage { position: absolute; top: 0; left: 0;}
.image:hover .hoverimage { display: block; }