JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv">
</div>
<div id="myDiv1">
</div>
<div id="myDiv2">
</div>

CSS

#myDiv, #myDiv1, #myDiv2{
    background-image:url('http://images.nationalgeographic.com/wpf/media-live/photos/000/007/cache/spider-monkey_719_600x450.jpg');
    background-size: cover;
    width: 60px;
    height: 45px;
}
#myDiv:hover, #myDiv1:hover, #myDiv2:hover {
    background-image:url('http://4.bp.blogspot.com/_Hl9Zac09Xsc/S_P0Qeqxy1I/AAAAAAAABGQ/6Ad8c17R7ik/s1600/angry-monkey-7399791.jpg');
}

#myDiv1 {
    width: 120px;
    height: 90px;
}

#myDiv2 {
    width: 80px;
    height: 60px;
}