JSFiddle - React, Tailwind, and code Playground

by fehays

HTML

<div id="indexSlidesContainer">
    <div id="indexSlides"></div>
</div>

CSS

#indexSlides {
    background: url('http://www.elhamandtull.com/wp-content/themes/ent/images/slides.jpg') 50% 0% transparent no-repeat;
    height: 2000px;
    position: relative;
}

#indexSlidesContainer {
    height: 500px;
    background-color:transparent;
    overflow: hidden;
}

JavaScript

setInterval(function() {
    $("#indexSlides").animate({
        top: '-=500'
    }, {
        duration: 1500
    });
}, 5000);