JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://i.stack.imgur.com/sKByS.jpg" alt="img" />
</div>

CSS

div{
    position: relative;
    overflow:hidden;
    width:470px;
    height:160px;
}
img{
    position: relative;
    top: -50%;
    margin-top: 40px;
    width:100%;
    -webkit-transition: all .1s ease-in-out;     -moz-transition: all .1s ease-in-out;     -o-transition: all .1s ease-in-out;     -ms-transition: all .1s ease-in-out;
}
.img-zoom {     -webkit-transition: all .1s ease-in-out;     -moz-transition: all .1s ease-in-out;     -o-transition: all .1s ease-in-out;     -ms-transition: all .1s ease-in-out; -webkit-transform: scale(1.2);     -moz-transform: scale(1.2);     -o-transform: scale(1.2);     transform: scale(1.2); }

JavaScript

$("img").hover(function(){
    $(this).toggleClass("img-zoom");
});