JSFiddle - React, Tailwind, and code Playground

HTML

<img id="img1" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000.jpg" style="display: block; width: 50%; position: absolute;" />

<img id="img2" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-1.jpg" style="display: block; width: 50%; position: absolute;" />

<img id="img3" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-2.jpg" style="display: block; width: 50%; position: absolute;" />

<img id="img4" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-3.jpg" style="display: block; width: 50%; position: absolute;" />

<img id="img5" src="http://njballroomdancecenter.com/wp-content/uploads/2013/08/1500x1000-4.jpg" style="display: block; width: 50%; position: absolute;" />

JavaScript

$(document).ready(function(){

$("#img2,#img3,#img4,#img5").hide();
    
    setTimeout(function(){
  $("#img1").fadeOut("slow", function () {
      });
 
}, 5000);
   setTimeout(function(){
  $("#img2").fadeIn("slow", function () {
      });
 
}, 5000);    
   setTimeout(function(){
  $("#img2").fadeOut("slow", function () {
      });
 
}, 10000); 
   setTimeout(function(){
  $("#img3").fadeIn("slow", function () {
      });
 
}, 10000);
    
       setTimeout(function(){
  $("#img3").fadeOut("slow", function () {
      });
 
}, 15000); 
   setTimeout(function(){
  $("#img4").fadeIn("slow", function () {
      });
 
}, 15000);
           setTimeout(function(){
  $("#img4").fadeOut("slow", function () {
      });
 
}, 20000);
               setTimeout(function(){
  $("#img5").fadeIn("slow", function () {
      });
 
}, 20000);
                   setTimeout(function(){
  $("#img5").fadeOut("slow", function () {
      });
 
}, 25000);
 });