JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightslider/1.1.3/js/lightslider.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightslider/1.1.3/css/lightslider.min.css">

<div id="homepage" class="smart_scroll_container">
    <div class="row">           
        <div class="blog-post clearfix">

            Gallery 1
            <div class="content-slider">ter

                <div class="item text-center">
                    <img src="http://sachinchoolur.github.io/lightslider/img/cS-1.jpg">
                </div>
                <div class="item text-center">
                    <img src="http://sachinchoolur.github.io/lightslider/img/cS-2.jpg">
                </div>
            </div>


            Gallery 2
            <div class="content-slider">

                <div class="item text-center">
                    <img src="http://sachinchoolur.github.io/lightslider/img/cS-8.jpg">
                </div>
                <div class="item text-center">
                    <img src="http://sachinchoolur.github.io/lightslider/img/cS-2.jpg">
                </div>
            </div>


            Gallery 3
            <div class="content-slider">

                <div class="item text-center">
                    <img src="http://sachinchoolur.github.io/lightslider/img/cS-12.jpg">
                </div>
                <div class="item text-center">
                    <img src="http://sachinchoolur.github.io/lightslider/img/cS-2.jpg">
                </div>
            </div>


            ...
            Infinites Gallery possibility
            ...


        </div>
    </div>
</div>

JavaScript

$('.content-slider').each(function (index) {
        $(this).lightSlider({
            auto:false,
            loop: true,
            keyPress:true,
            controls: true,
            prevHtml: '&larr;',
            nextHtml: '&rarr;',
            item:1,
            pager:false,
            onBeforeSlide: function (el) {
                $('#counter' + index).text(el.getCurrentSlideCount());
            }
        });
    });