JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="#">text</a>
    </li>
    
    <li>
        <a href="#">text</a>
    </li>
    
    <li>
        <a href="#">text</a>
    </li>
</ul>

CSS

ul {width:100px;}
li { margin-bottom:5px; }
li a {
    text-indent:-9999em; /* hide our text */ 
    display:block; 
    height:40px; 
    background:url('http://placekitten.com/100/80') no-repeat 0 0; 
}

li a:hover { background-position:0 -40px;}