JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#">
        <img class="current" src="http://forum.htmlbook.ru/uploads/av-4521.png" alt="" />
        <img class="hover" src="http://forum.htmlbook.ru/uploads/av-12397.png" alt="" />
    </a>
</div>

CSS

div {
     width: 50px;   
    border: 1px solid green;
}

img {
     width: 100%;  
     display: block; 
}

.hover {
     display: none;   
}

a:hover .current {
     display: none;   
}

a:hover .hover {
     display: block;   
}