I'm trying to make an automatic slider in this style, but it's not working.
<section class="mbr-section" id="equipe"
style="background-color: rgb(204, 204, 204); padding-top: 120px; padding-bottom: 120px;">
<div class="list_carousel">
<ul class="logos-slides owl-carousel owl-theme owl-responsive-992 owl-loaded" data-speed="500" data-items="6">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(60px, 0px, 0px); transition: 0.25s; width: 3052.8px;">
<div class="owl-item cloned" style="width: 150px; margin-right: 0px;">
<li style="height: 150px;"><a href="#" class="bwWrapper"><img src="assets/images/PM CONSULTORES/ Executivo.png" style="max-height:150px; width:auto" class="logo" width="2334" height="1630" alt="Nome"></a>
</li>
</div>
<div class="owl-item cloned" style="width: 150px; margin-right: 0px;">
<li style="height: 150px;"><a href="#" class="bwWrapper"><img src="assets/images/PM CONSULTORES/Executivo.png" style="max-height:150px; width:auto" class="logo" width="2334" height="1630" alt="Nome"></a>
</li>
</div>
<div class="owl-item cloned" style="width: 150px; margin-right: 0px;">
<li style="height: 150px;"><a href="#" class="bwWrapper"><img src="assets/images/PM CONSULTORES/ Executivo.png" style="max-height:150px; width:auto" class="logo" width="2334" height="1630" alt="Nome"></a>
</li>
</div>
<div class="owl-item cloned" style="width: 150px; margin-right: 0px;">
<li style="height: 150px;"><a href="#" class="bwWrapper"><img src="assets/images/PM CONSULTORES/Executivo.png" style="max-height:150px; width:auto" class="logo" width="2334" height="1630" alt="Nome"></a>
</li>
</div>
</div>
</div>
<div class="owl-controls"><div class="owl-nav"><div class="owl-prev" style="display: none;">prev</div><div class="owl-next" style="display: none;">next</div></div><div class="owl-dots" style=""><div class="owl-dot"><span></span></div><div class="owl-dot active"><span></span></div></div></div></ul>
</div>
</section>