JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
</ul>

CSS

ul li {
    border-bottom: 1px solid #222426;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out 0s;
    width: 100px;
    background: url(http://www.deadwater.fr/wp-content/themes/deadwater/library/images/common/sidebar/competences.png) no-repeat left top;
}
ul li:hover {
    background-position: 0 -100px;
}