JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/jquery.nivo.slider.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/nivo-slider.css">
<div class="slider-wrapper">
    <div class="ribbon"></div>
    <div id="slider" class="nivoSlider" style="width:250px;">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Google.png/250px-Google.png" alt="" />
        
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Google_Logo_Old.PNG/250px-Google_Logo_Old.PNG" alt="" />
        
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Yahoo%21_logo.svg/220px-Yahoo%21_logo.svg.png" alt="" />
        
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Amazon.com-Logo.svg/250px-Amazon.com-Logo.svg.png" alt="" />
    </div>
</div>

JavaScript

$(document).ready(function() {
    $('#slider').nivoSlider();
});