JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blok1">
<a href="#">
<img height="100px" src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Bachalpseeflowers.jpg/300px-Bachalpseeflowers.jpg"/>
<img height="200px" src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Bachalpseeflowers.jpg/300px-Bachalpseeflowers.jpg"/>
</a>
    <a class="blok"  href="#">link1</a>
</div>

CSS

.blok1 {position: relative; cursor:pointer; display: inline-block;}
.blok1 img + img {position:absolute; left: 10px; top:10px; z-index:100; display: none;}
.blok1:hover img + img {display: block;}
.blok{
    position:absolute; left: 50px; top:300px;
}