JSFiddle - React, Tailwind, and code Playground

by Snake_

HTML

<div class="obrazek">
     <a href="#"><img src="http://www.leagueoflegends.pl/forum/uploads/profile/photo-48227.jpg"><span><img src="http://piq.codeus.net/static/media/userpics/piq_132922_400x400.png" alt="image" /></span></a>
</div

CSS

*{ margin: 0; padding:0;}
.obrazek { position:relative; width: 100px; height: 100px;}
.obrazek img { width: 100px; height: 100px;}
.obrazek a span { position:absolute;  left: -100px; transition: left .5s linear;}
.obrazek a:hover span { left: 0;  }
.obrazek a:hover span img { width: 100px; height: 100px;}