JSFiddle - React, Tailwind, and code Playground

by Joe Merk

HTML

<link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/vendors/jquery.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<div class="owl-carousel owl-theme">
    <div class="item"><h4>Имеретинская низменность</h4></div>
    <div class="item"><h4>Красная поляна111</h4></div>
</div>

CSS

.owl-carousel .item {
    background: #4DC7A0;
    padding: 1rem;
    color: #fff;
}

JavaScript

$(document).ready(function() {

  $('.owl-carousel').owlCarousel({
    loop: false,
    dots: false,
    nav: false,
    margin: 20,
    singleItem: true,
    items: 1,
    autoWidth: true
  })
  
})