JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://malsup.github.io/jquery.cycle2.js"></script>
<script src="http://scottjehl.github.io/picturefill/picturefill.js"></script>
<div class="cycle-slideshow"
data-cycle-fx="scrollHorz"
data-cycle-speed="200"
data-cycle-slides="> span"
>
<span data-picture data-alt="Uma foto">
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/small.jpg"></span>
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/medium.jpg" data-media="(min-width: 400px)"></span>
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/large.jpg" data-media="(min-width: 800px)"></span>
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/extralarge.jpg" data-media="(min-width: 1000px)"></span>
</span>
<span data-picture data-alt="Uma foto">
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/small.jpg"></span>
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/medium.jpg" data-media="(min-width: 400px)"></span>
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/large.jpg" data-media="(min-width: 800px)"></span>
<span data-src="http://scottjehl.github.io/picturefill/external/imgs/extralarge.jpg" data-media="(min-width: 1000px)"></span>
</span>
</div>