JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit amet</p>
<div class="mg-image">
    <img src="http://i.imgur.com/Mm2q39o.jpg" width="290" height="363" />
</div>
<p>Lorem ipsum dolor sit amet</p>

CSS

.mg-image img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    max-width: 100%;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}