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('fast');
// after 5 second timeout - fade out
setTimeout(function(){
$('.fadebox img').fadeOut('fast');
}, 5000);
});