JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://malsup.github.com/jquery.cycle.all.js"></script>
<div class="div01">
    <div class="slideshow">
        <div class="slide">
        <img src="http://i43.tinypic.com/opwyz4.jpg" style="width:100%;" alt="Image 1"/>
            <p>Content Goes Here For Slide 1</p>
        </div>
        <div class="slide">
        <img src="http://i42.tinypic.com/vfclk6.jpg" style="width:100%;" alt="Image 2"/>
            <p>Content Goes Here For Slide 2</p>
        </div>
        <div class="slide">
        <img src="http://i44.tinypic.com/5yajgi.jpg" style="width:100%;" alt="Image 3"/>
            <p>Content Goes Here For Slide 3</p>
        </div>
    </div>
    <p id="caption"></p>
</div>

CSS

* { margin:0; padding:0; }
h1, div + p { color:#333; text-align:center; }
h1 { line-height:1.2em; padding:5% 20% 0 20%; }
div + p { padding:0 20% 5% 20%; }
h2 { font-size:1.5em; line-height:1.2em; }
h2, p { padding:0.5em 0; }
a { border-bottom:1px solid #333; color:#333; text-decoration:none; }
a:hover { background:#fff; }
div {}

JavaScript

$('.slideshow').cycle({
    fx: 'scrollUp'
});