JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Slide">
      
<p><img src="http://farm3.static.flickr.com/2524/3838517171_d248696bdb.jpg"><span>IMAGE 1</span> </p>
<p><img src="http://farm4.static.flickr.com/3537/3839306086_f837a219cf.jpg"><span>IMAGE2</span> </p>
<p><img src="http://farm3.static.flickr.com/2480/3839306180_3b684fdc3d.jpg"><span>IMAGE 3</span> </p>

</div>

CSS

.Slide { position:relative; height:461px; width:292px; }
.Slide p { position:absolute; left:0; top:0; background-color:#fff; border:1px solid black; }

JavaScript

$(window).load(function(){
 
  $('.Slide p').hide();
$('.Slide p:first-child').show();
setInterval(function() {
    $('.Slide p:first-child').fadeOut(function(){
      $(this).appendTo('.Slide');
    }).next().fadeIn();
}, 300);


  });