JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<script src="https://wordpress-84115-1849710.cloudwaysapps.com/wp-content/themes/inspiration-marketing-theme/assets/js/carousel.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<div class="container collaboration-header">
    <div class="row">
        <div class="col-md-12">
            <!-- <h1>Collaboration and Teamwork</h1> -->
        </div>
    </div>
</div>

<div class="container main-carousel">
    <div class="row">
        <div class="col-md-12">
            <div class="sp-carousel-frame sp-carousel-frame-pos">
                <div class="sp-carousel-inner">
                    <div class="sp-carousel-item" style="overflow: visible !important;">
                        <img src="https://gdxdesigns.com/wp-content/uploads/2021/04/Main-Slider-Image.jpg"/>

                        <div class="item-text">
                           Hello World
                        </div>

                    </div>
                    <div class="sp-carousel-item"><img src="https://gdxdesigns.com/wp-content/uploads/2021/04/Left-Slider-Image.jpg"/>
                    </div>
                    <div class="sp-carousel-item"><img src="https://gdxdesigns.com/wp-content/uploads/2021/04/Right-Slider-Image.jpg"/>

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