JSFiddle - React, Tailwind, and code Playground

by Chandana Thota

HTML

<div class="container">
    <ul class="rslides">
        <li>Max H1B beneficiaries 58% from India</li>
        <li>Max H1B beneficiaries 28% from India</li>
        <li>Max H1B beneficiaries 18% from India</li>
    </ul>
</div>

CSS

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.container
{
    background-color:#FEF8D9;
    height:350px;
    width:350px;
    padding:30px;
}
.container ul li{
    font-size:60px;
    color:#45698c;
    font-family: segoe ui light;
}

JavaScript

$(function(){
    $.getScript('http://responsiveslides.com/responsiveslides.min.js',function(){
  $(".rslides").responsiveSlides({
    speed: 1000,
    maxwidth:1060
  });});
});