JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenedor">
<img src="http://socialforest.org/wp-content/uploads/2014/04/Forest-Green-Wallpaper.jpg" />
</div>
<div class="contenedor">
<img src="http://socialforest.org/wp-content/uploads/2014/04/Forest-Green-Wallpaper.jpg" />
</div>
<div class="contenedor">
<img src="http://socialforest.org/wp-content/uploads/2014/04/Forest-Green-Wallpaper.jpg" />
</div>

CSS

.contenedor {
    overflow: hidden;
    width: 300px;
    height: 250px;
}

.contenedor img {   
    width: 300px;
    height: 250px;
    transition: 0.2s ease-out;
}

JavaScript

$(document).ready(function(){
    $('.contenedor').mouseenter(function(){
        $(this).children().css("transform", "scale(1.5)");
    });
    $('.contenedor').mouseleave(function(){
        $(this).children().css("transform", "scale(1)");
    });
});