JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://malsup.github.io/jquery.cycle2.js"></script>
<div class="container">
  <div class="row cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=1 data-cycle-carousel-fluid=true data-cycle-easing="linear" data-cycle-slides="div">
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>
  </div>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.carousel.js"></script>

CSS

body{background:#121212;}
.container{overflow:hidden;}
.cycle-slideshow img{width:auto;height:auto;}
.cycle-slideshow .span2{float:none;}