JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<ul class="cycle-slideshow" data-cycle-slides="li" data-cycle-fx="scrollHorz">
<li><a href="http://www.example.com"><img src="http://placehold.it/350x150"/></a></li>
<li><a href="http://www.example.com"><h2>This is a non-image slide</h2></a></li>
<li><a href="http://www.example.com"><img src="http://placehold.it/350x150"/></a></li>
<li><a href="http://www.example.com"><h2>This is a non-image slide</h2></a></li>
</ul>