JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tile">
    <img src="http://utazzlastminute.tripbook.hu/PICS/MAIN/miskolc.png" width="233" height="139" />
</div>

CSS

.tile {
    width:233px;
    height:139px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    -webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
    -webkit-transform: perspective(300) rotateY(40deg);
    transform: perspective(300px) rotateY(40deg);
    -webkit-transform-origin: 0% 0%;
}
.tile:hover {
    width:233px;
    height:139px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    -webkit-transform: perspective(300) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
}