JSFiddle - React, Tailwind, and code Playground

by cherryflavourpez

HTML

<div id="main_image">
    <img src="http://placekitten.com/300/250" />
</div>

CSS

#main_image { background: url(http://placekitten.com/300/250) no-repeat; height: 250px; width: 300px; -webkit-transition: all .3s linear; }
#main_image img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#main_image:hover { background-position: 10px 10px; }