JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position: relative; left: 0; top: 0;">
    <img src="http://i.stack.imgur.com/bFfbC.png" style="position: absolute; top: 0; left: 0;" />
    <img src="http://i.stack.imgur.com/Eewcq.png" style="position: absolute; top: 0; left: 0;"/>
    <img src="http://i.stack.imgur.com/VXk7A.png" style="position: absolute; top: 0; left: 0;"/>
</div>

CSS

div {
    margin: 50px; /* Just for demo purposes */
}

img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

div:hover > img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
    border: 3px solid red;
}