JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slide">
   
    <div>
        <div class='DS_Banners_Topo' id='DS_Banners_Topo_0'></div><div class='DS_Banners_Topo' id='DS_Banners_Topo_1'><a href='#' target='_self'><img alt='Slide1' src='http://www.dotstore.com.br/74446_salessuplementos/banners/slide1.jpg'  /></a></div><div class='DS_Banners_Topo' id='DS_Banners_Topo_2'><a href='#' target='_self'><img alt='Slide2' src='http://www.dotstore.com.br/74446_salessuplementos/banners/slide2.jpg'  /></a></div>
        <div class='DS_Banners_Topo' id='DS_Banners_Topo_3'><img alt='Slide3' src='http://www.dotstore.com.br/74446_salessuplementos/banners/slide3.jpg'  /></div>
    </div>
    
</div>

CSS

#slide {
    margin: 22px 0 0 0;
    position: relative;
    height:200px;
    overflow: hidden;
}

#slide>div{
	position: relative;
}

.DS_Banners_Topo{
	position: absolute;
	top:0;
	width:100%;
	overflow: hidden;
}

.DS_Banners_Topo img{
	width:100%;
	display: block;
}

JavaScript

//current slide index
var counter = 0,
slides = $('.DS_Banners_Topo');

//position slides
slides.each(function(i,e){ $(this).css('left',i-1+'00%'); });

//change slide every 1000ms
setInterval(function(){
	counter = counter>slides.length-3 ? 0 : ++counter;
	$('#slide>div').animate({'left':-counter+'00%'});
},1000);