JSFiddle - React, Tailwind, and code Playground

HTML

<div id='body'></div>

CSS

#body  {
    width: 128px;
    height: 128px;
    position: relative;
    background: url('http://sverstay-ka.ru/plugins/backgroundImageTransition/style/img/css.png');
}
#body:after {
    content: '';
    display: block;
    width: 128px;
    height: 128px;
    position: absolute;
    opacity: 0;
    background: url('http://sverstay-ka.ru/plugins/backgroundImageTransition/style/img/css_h.png');
    transition: opacity 0.3s  ;
}
#body:hover:after {
    opacity: 1;    
}