JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mouseoverplaatje">
    <img src="http://img2.timeinc.net/toh/i/g/0806_housenumbers/house-numbers-03.jpg" />
    <p class="hoverplaatje"><img src="http://plzcdn.com/ZillaIMG/39fe1ee2672adc2cc7b699e530d3de77.jpg" /></p>
</div>

CSS

.mouseoverplaatje{
    position: relative;
    height: 250px;
    width:250px;    
}   

.hoverplaatje{
position: absolute;
height: 250px;
    width:250px;
  visibility: hidden;
  opacity: 0;
    top:200px;
        left:200px;
    }

.mouseoverplaatje:hover .hoverplaatje{
    visibility: visible;
    opacity:1;
    }