JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="http://photobucket.com/images/cat" target="_blank">
        <img src="http://i583.photobucket.com/albums/ss278/campipr/coolcat.gif" border="0" alt="cat photo: cat coolcat.gif"/>
    </a>
</div>

CSS

img {
    width: 100%; max-width: 100%;
}
div {
    position: absolute;
    left: 20%; top: 20%;
    width: 250px;
    transition: all 2s ease-in-out;
}
div:hover {
    width: 400px;
    transform: translateX(-25%) translateY(-25%);
}