JSFiddle - React, Tailwind, and code Playground

by Matt Reynolds

HTML

<div class="position-fixed">
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active" data-interval="5000">
                <img src="media/imagens/home1.png" class="d-block w-100" class="img-fluid" alt="Responsive image">
            </div>
            <div class="carousel-item" data-interval="5000">
                <img src="media/imagens/home2.jpg" class="d-block w-100" class="img-fluid" alt="Responsive image">
            </div>
            <div class="carousel-item" data-interval="5000">
                <img src="media/imagens/home3.jpg" class="d-block w-100" class="img-fluid" alt="Responsive image">
            </div>
            <div class="carousel-item" data-interval="5000">
                <img src="media/imagens/home4.jpg" class="d-block w-100" class="img-fluid" alt="Responsive image">
            </div>
            <div class="carousel-item" data-interval="5000">
                <img src="media/imagens/home5.png" class="d-block w-100" class="img-fluid" alt="Responsive image">
            </div>
        </div>
    </div>
</div>