JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fadebox">
    <img src="http://davealger.info/i/funface.jpg" />
</div>

CSS

.fadebox { position:relative; }
.fadebox img { position:absolute; left:0; top:0; width: 300px; }

JavaScript

$(function(){
    // make sure img is hidden - fade in
    $('.fadebox img').hide().fadeIn(2000);
    
    // after 5 second timeout - fade out
    setTimeout(function(){$('.fadebox img').fadeOut(2000);}, 5000);
});