JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slideshow">
    <div class="multipleslides">
        <div>Surf Shack Yogurt was a fun business to work with. They gave me a shot when I had barely anything to prove my worth, and for that, I thank them. This website help me expand my knowledge about web development/design...</div>
        <div>I found Leaf River Resource's website to have a unique challenge when developing/designing it. The oil/gas business does not want to disclose all of their info/tricks on a website for all of their competitors to see...</div>
        <div>This book database site was requested by an english teacher at Castle View High School for his students. This website gave me much needed practice and new knowledge that I can now apply to future projects...</div>
    </div>
</div>

CSS

.multipleslides {
    position:relative;
    width:900px;
    height:250px;
    margin-left:auto;
    margin-right:auto;
}

.multipleslides div{
    width:570px;
    height:200px;
    position:absolute;
    top:25px;
    color:#333;
    text-shadow:0px -1px 1px #CCC;
}

JavaScript

jQuery(function() {
    jQuery('.multipleslides div:gt(0)').hide();
    setInterval(function() {
        jQuery('.multipleslides div:first').fadeOut(1000)
        .next('div').fadeIn(2000)
        .end().appendTo('.multipleslides');
         jQuery('.multipleslides div:first').delay(2000).show()
    }, 7500);
});