JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">HOVER OVER ME!</div>


<div id="image">
    <div class="hover">
        <img src="Slide1.jpg" />
    </div>
</div>

CSS

#test {font-weight: bold; border: 1px solid #000; text-align: center; margin: 0 0 50px 0;}
#image, #image .hover {
    background: url(http://www.freedigitalphotos.net/images/photos/ON_OFF.jpg);
    height: 233px;
    width: 200px;
    margin: 0 auto;
}
#image .hover {
    background-position: -197px;
    display: none;
}

JavaScript

$("#test").hover(function() {
    $("#image .hover").toggle();
});