JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<img src="http://doc.jsfiddle.net/_images/jsfiddle-logo-thumb.png">
<img src="https://avatars3.githubusercontent.com/u/6944394?s=460&v=4">
<img src="http://www.silvercoinstoday.com//images/Silver-Element-Atomic-Structure.jpg">
</div>

CSS

img{
    position:absolute;
    top:0;
    display:none;
    width:auto;
    height:100%;
    width:100%;
}

JavaScript

function fader() {
    $("img").first().appendTo('#wrap').fadeOut(3000);
    $("img").first().fadeIn(3000); 
    
    setTimeout(fader, 4200);
}
fader();