JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fader">
    <img src="http://blogs.oracle.com/retail/google-chrome-logo.jpg" width="300" height="300">
    <img src="http://www.zamaanonline.com/images/google-chromium-logo-medium.png" width="300" height="300" class="to">
</div>

CSS

#fader {
position: relative;
}

.to {
display: none;
position: absolute;
left: 0;
}

JavaScript

$('#fader').hover(function(){
    $(this).find('img:eq(1)').stop(true,true).fadeIn();
}, function(){
    $(this).find('img:eq(1)').fadeOut();
});