JSFiddle - React, Tailwind, and code Playground

HTML

Hover image large transition<br>
Hover that:<br>

<p><a href="#"></a></p>
<p><a href="#"></a></p>
<p><a href="#"></a></p>
<p><a href="#"></a></p>
<p><a href="#"></a></p>

CSS

p {
    margin: 0;
    display: inline-block;
    
}
a {
    display: block;
    border: solid 10px green;
    /* always: */
    width: 91px;
    height: 91px;
    background: black url(//hotblocks.nl/tests/gamessprite.gif) no-repeat 0 0;
    background-size: 200% auto;

    /* inline: */
    background-position: 0 -450px;
}