JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/flexslider/2.1/flexslider.css">
<script src="//cdn.jsdelivr.net/flexslider/2.1/images/bg_direction_nav.png"></script>
<script src="//cdn.jsdelivr.net/flexslider/2.1/jquery.flexslider-min.js"></script>
<div id="slider_container">
    <ul class="slides">
        <li class="image">
            <img src="http://www.solinear.co.uk/images/editoral/carousel/20130301091813__original_04.jpg" />
        </li>
        <li class="image">
            <img src="http://www.solinear.co.uk/images/editoral/carousel/20130301091031__original_04.jpg" />
        </li>
        <li class="image">
            <img src="http://www.solinear.co.uk/images/editoral/carousel/20130228160749__original_04.jpg" />
        </li>
    </ul>
</div>

CSS

img {
    max-width:100%;
    height:auto;
}
#slider_container{
    width: 100%;
}

JavaScript

$(document).ready(function () {
    $('#slider_container').flexslider({
        animation: "slide"
    });
});