JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css">
<section class="slider owl-carousel">
  <span>slide1</span>
  <span>slide2</span>
  <span>slide3</span>
</section>

CSS

.slider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider span {
  display: block;
  height: 200px;
  background: grey;
}

JavaScript

$(".slider").owlCarousel({
		items:1,
    nav:true,
    dots:false,
    rewind:true,
});