Carousel Card Ratio Change to 2:3

Site URL: https://www.unasali.com/about

For my testimonial section I use carousel design with card style. I positioned them with fourth position option - top to bottom. But  cards appear somewhat square-ish which I don't like. I would like them to be fixed 2:3 ratio without having to change text size or padding - both on desktop and mobile so they can take up more space.

Can someone help with a code, or if other solution available? 

www.unasali.com

Try this in Custom CSS:

.user-items-list-carousel__slides {
    min-height: 30vw;
}

@Ziggy Thanks. It works for desktop view, but the mobile view seems unchanged. 

5 minutes ago, Una01 said:

@Ziggy Thanks. It works for desktop view, but the mobile view seems unchanged. 

Try this instead:

.user-items-list-carousel__slides {
    min-height: 42vh;
}

@Ziggy Thanks. 

This (updated to 60vh) seems to be okay working on both mobile and desktop:

.user-items-list-carousel__slides {
    min-height: 60vh;
}

I've attached the mobile view, please check the image, and let me know if there is also a way to reduce a  bit the width of the card as well. The built-in options have only width of the text and card padding top and bottom, plus there is also space between the cards option which can be adjusted, but for mobile view, it's useless. 

@Ziggy

Worked perfectly. Thanks @Ziggy

Just now, Una01 said:

Worked perfectly. Thanks @Ziggy

Happy to help!