JSFiddle - React, Tailwind, and code Playground

by dife

HTML

<div id="galeria">
   <div><img src="http://www.scgamesonline.com.br/images/Breve_DoomVFR.jpg"></div>
   <div><img src="https://static.gamevicio.com/imagens/noticias/245/500x200/244697-edicao-especial-limitada-de-god-of-war-revelada.jpg"></div>
   <div><img src="https://static.gamevicio.com/imagens/noticias/247/500x200/246393-skyrim-special-edition-esta-gratuito-para-jogar-no-steam-por-tempo-limitado.jpg"></div>
   <div><img src="https://i.pinimg.com/736x/81/25/03/8125037011ee2b22cb274cf7c41893e8--mmorpg-games-play-online.jpg"></div>
</div>

CSS

#galeria { 
    margin: 50px auto; 
    position: relative; 
    width: 500px; 
    height: 200px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#galeria > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

JavaScript

$("#galeria> div:gt(0)").hide();

setInterval(function() { 
  $('#galeria > div:first').fadeOut(1000)
    .next().fadeIn(1000).end().appendTo('#galeria');
},  3000);