JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://circletype.labwire.ca/js/plugins.js"></script>
<script src="http://circletype.labwire.ca/js/circletype.js"></script>
<div id="quote1" class="text-center main-content">First Text here</div>
<div id="quote2" class="text-center main-content" style="display:none">Second Text here</div>
<div id="quote3" class="text-center main-content" style="display:none">Third text here</div>

JavaScript

$(function () {
$('.main-content').circleType({radius: 1000});

    var $els = $('div[id^=quote]'),
        i = 0,
        len = $els.length;
		$els.slice(1).hide();
		setInterval(function () {
			$els.eq(i).fadeOut(function () {
            i = (i + 1) % len
            $els.eq(i).fadeIn();
        })
    }, 2000)
})