Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• The issue still exists against the latest stable version of Elementor.

Description

As it stands now, images of different dimensions (i.e. heights) float to the top. I see this has been suggested before, but I have even tried to remedy this with custom CSS to no avail.

Please add functionality to vertically center images in an Image Carousel.

Steps to reproduce

1. Add images of varying dimensions to Image Carousel
2. Watch images float to the top, looking bad

I had tried to fix this issue with the custom CSS below in Elementor Pro, but to no avail. Is there an error in my code? I tried to use exactly as prescribed for previous solutions to an image gallery, for example.

.carousel .carousel-inner .item .carousel-image {
    vertical-align: middle;
}

Thank you!

Isolating the problem

• This bug happens with only Elementor plugin active (and Elementor Pro).
• This bug happens with a default WordPress theme active.
• I can reproduce this bug consistently using the steps above.