I need to click on a page to see a carousel. I would like to know why it is not starting without click on the page.

After loaded the page. I need to click on the page to see the carousel. It is a problem with my configuration?

<mdb-carousel [isControls]="true" class="carousel slide" [animation]="'slide'">
    <mdb-carousel-item>
        <div class="view">
            <img class="d-block w-100" src="/assets/slider_2.jpg" alt="Choice">
            <div class="mask rgba-purple-slight waves-light" mdbWavesEffect></div>
        </div>
        <div class="carousel-caption">
            <div class="animated fadeInDown panel-transparent">
                <h3 class="h3-responsive">...</h3>
                <p> ...
                </p>
            </div>
        </div>
    </mdb-carousel-item>
    <mdb-carousel-item>
        <div class="view">
            <img class="d-block w-100" src="/assets/slider_3.jpg" alt="Together">
            <div class="mask rgba-black-strong waves-light" mdbWavesEffect></div>
        </div>
        <div class="carousel-caption">
            <div class="animated fadeInDown panel-transparent">
                <h3 class="h3-responsive">...</h3>
                <p>...
                </p>
            </div>
        </div>
    </mdb-carousel-item>
    <mdb-carousel-item>
        <div class="view">
            <img class="d-block w-100" src="/assets/slider_1.jpg" alt="Discover">
            <div class="mask rgba-indigo-light waves-light" mdbWavesEffect></div>
        </div>
        <div class="carousel-caption">
            <div class="animated fadeInDown panel-transparent">
                <h3 class="h3-responsive">...</h3>
                <p>...</p>
            </div>
        </div>
    </mdb-carousel-item>
</mdb-carousel>

https://kancelaria-prawna.uk