JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="slides">
    <div class="imgs">
        <img src="https://m1.behance.net/rendition/modules/143090771/disp/04353a8ed866e3d2aeee0e145e4416f8.gif">
    </div>

    <div class="imgs">
        <h1>Logo Designer</h1>
    </div>

   </div>

CSS

.imgs { display: none; }

JavaScript

function fadeContent() {
  $(".slides .imgs:hidden:first").fadeIn(500).delay(2000).fadeOut(500, function() {
    $(this).appendTo($(this).parent());
    fadeContent();
  });
}
fadeContent();