Buenas noches a todos..

Estoy en problemas tratando de resolver un problema por algunos días..

Tengo un carrusel de flickity con la siguiente estructura:

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

El problema es que mi carrusel cambia mucho de diseño cuando se carga la página, como puede ver en la imagen:

Esto se debe a que no tengo una altura fija para el carrusel div.

Sé que puedo configurar la altura del carrusel y agregar desbordamiento: oculto, esto soluciona el problema, sin embargo, necesito que la altura sea adaptable y no una altura fija porque mi diseño responde, por lo que la altura de las celdas cambia ...

Lo extraño es que el carrusel de flickity ya tiene el desbordamiento oculto, eso funciona cuando la página se carga por completo, pero mientras se carga, ocurre el error.

¿Podría alguien ayudarme por favor? ¡Gracias!