JSFiddle - React, Tailwind, and code Playground

HTML

<div id="quote1">
  <span class="quote">I am a quote</span>
  <span class="author">Author Name</span>
</div>

<div id="quote2" hidden>I am another quote</div>

<div id="quote3" hidden>I am yet another quote</div>

JavaScript

window.setInterval(function () {
    window.setTimeout(function () {
        $('#quote1').fadeIn('slow').delay(3000).fadeOut('fast').delay(6000);
    }, 0);
    window.setTimeout(function () {
        $('#quote2').fadeIn('slow').delay(3000).fadeOut('fast').delay(6000);
    }, 3000);
    window.setTimeout(function () {
        $('#quote3').fadeIn('slow').delay(3000).fadeOut('fast').delay(6000);
    }, 6000);
}, 3000);