JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="image"><a href="#"><img width="380" height="250" src="http://dizzre7r.bget.ru/uploads/brand-logo/logo_alfa_romeo.png" /></a></div>
<div class="image"><a href="#"><img width="380" height="250" src="http://dizzre7r.bget.ru/uploads/brand-logo/logo_alfa_romeo.png" /></a></div>

CSS

.image {
 overflow:hidden;
 width: 380px;
 height:250px;
 display:inline-block;
 }
 .image img {
 -moz-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
 -webkit-transition: all 0.5s ease-out;
 }
 
.image img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }