
    <style>
        /* deze stijl plaats je best in een eigen stylesheet waar je de waarden van Bootstrap overschrijft */
        
        .carousel-item {
            height: 350px;
        }
    </style>


    <!--  Carousel  .carousel-item height 350px -->



       <div id="carouselExampleDark" class="carousel carousel-light slide">
           
            <div class="carousel-inner">
                <div class="carousel-item active" data-bs-interval="500">
                    <img src="/images/backgrounds/full-bg-7.jpg" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>First slide label</h5>
                        <p>Some representative placeholder content for the first slide.</p>
                    </div>
                </div>
                <div class="carousel-item" data-bs-interval="2000">
                    <img src="/images/backgrounds/full-bg-2.jpg" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>Second slide label</h5>
                        <p>Some representative placeholder content for the second slide.</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="https://dummyimage.com/1920x750/8a8a8a/fff.png&text=Dummy+afbeelding+slider" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>Third slide label</h5>
                        <p>Some representative placeholder content for the third slide.</p>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" 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" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>

