JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="http://owlgraphic.com/owlcarousel/owl-carousel/owl.theme.css">
<script src="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.min.js"></script>
<div id="owl-example" class="owl-carousel">
  <div> <img src="http://lorempixel.com/234/285/abstract/1/"/></div>
  <div> <img src="http://lorempixel.com/234/500/abstract/2/"/> </div>
  <div> <img src="http://lorempixel.com/234/500/abstract/3/"/> </div>
  <div> <img src="http://lorempixel.com/234/285/abstract/4/"/></div>

</div>

CSS

.owl-carousel .owl-item{
    height:285px;
    width:100%;
}

JavaScript

$(document).ready(function() {
 
  $("#owl-example").owlCarousel();
 
});