JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/assets/owl.carousel.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/owl.carousel.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/assets/owl.theme.default.min.css">
<div class="owl-carousel">
  <div> <img src="https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg"> </div>
  <div> <img src="https://www.petfinder.com/wp-content/uploads/2013/09/cat-black-superstitious-fcs-cat-myths-162286659.jpg"></div>
  <div><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRmT7KQ0bK_ld3A46WQDRcFMrAbQVuy60iKX6bxFLskzJEleNHtYg"> </div>
 <div> <img src="https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg"> </div>
 
</div>

CSS

.owl-carousel{
  width:100%;
  background:#333;
  margin:auto;
}

JavaScript

$(".owl-carousel").owlCarousel({nav:true, loop:true, margin:10, stagePadding:50});