JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><img src="http://s020.radikal.ru/i722/1212/61/99852fe9155f.png"></a>

CSS

a {
    width: 110px;
    height: 100px;
    
    display: block;
    margin: 40px;
    
    background: url(http://i076.radikal.ru/1212/58/516612ea04fe.png);
}

img {
   -webkit-transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -ms-transition: opacity 0.5s ease-in-out;
   -o-transition: opacity 0.5s ease-in-out;     
   transition: opacity 0.5s ease-in-out; 
}

img:hover {
    opacity: 0;
}