JSFiddle - React, Tailwind, and code Playground

HTML

<section class="footerBox">
    <img src="http://emteste.leadsforbusiness.com.br/wp-content/themes/l4b/img/equipe/gabi_2.png">
</section>

CSS

.footerBox {
    float:left;
    width:262px;
    height:100px;
    background-color:#fff;
    margin-top:25px;
    margin-left:50px;
    border: 1px solid #ddd;
}

JavaScript

var img = $('.footerBox').find('img');
img.bind('load',function(){
   $(this).fadeIn('fast');
});

$('.footerBox')
    .mouseenter(function(e){
        img.fadeOut('fast',function(){
            img.prop('src','http://emteste.leadsforbusiness.com.br/wp-content/themes/l4b/img/equipe/gabi_2.png');
        });
        e.stopPropagation();
    })
    .mouseleave(function(){
        img.fadeOut('fast',function(){
            img.prop('src','http://emteste.leadsforbusiness.com.br/wp-content/themes/l4b/img/equipe/gabi_1.png');
        });
        e.stopPropagation();
    })
;