slider.php

<section class="remove-margin">
    <div id="carouselExampleFade" class="carousel slide carousel-fade opacityslider" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./assets/img/slider/slider1.jpg" class="d-block w-100 img-height" alt="Slide1">
            </div>
            <div class="carousel-item">
                <img src="./assets/img/slider/slider2.jpg" class="d-block w-100 img-height" alt="Slide2">
            </div>
            <div class="carousel-item">
                <img src="./assets/img/slider/slider3.jpg" class="d-block w-100 img-height" alt="Slide3">
            </div>
        </div>
        <button class="carousel-control-prev previcon" type="button" data-bs-target="#carouselExampleFade"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next nexticon" type="button" data-bs-target="#carouselExampleFade"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
             </button> 
             <div class="slidertext text-center">
                  <h2>Welcome to</h2>
                  <h1>Hotel Sea Alif</h1>
                  <span>Cheap | Comfort | Safety | Security</span>
             </div>
    </div>
</section>