Good night everyone..

I'm in trouble trying to solve a issue for somedays..

I have a flickity carousel with the following structure:

<div class="container">
    <div class="carousel">
        <div class="item">
        </div>
    </div>
</div>

The problem is that my carousel is getting big layout shift when page is loading, as you can see on the image:

This is because i have not a fixed height for the carousel div.

I know i can set the carousel height and adding overflow: hidden, this fix the problem, however, i need the height to be adaptive and not a fixed height because my layout is responsive, so the height of the cells change...

The weird thing is that flickity carousel already have overflow hidden, that works on the page loads full, but while its loading, the bug happens..

Could someone help me please? thanks!