JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image">
    <img src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg" alt="" />
    <img class="hoverimage" src="http://torus.math.uiuc.edu/jms/Images/IMU-logo/transp/IMU-sm-wt.png" alt="" />
</div>

CSS

.image { position: relative; border: 1px solid black; width: 200px; height: 200px; }
.image img { max-width: 100%; max-height: 100%; }
.hoverimage { position: absolute; top: 0; left: 0; display: none; }
.image:hover .hoverimage { display: block; }