[Bug Report][3.7.5] [v-carousel] Layout is incorrect when v-carousel height is specified in %

[ThatHai]

Environment

Vuetify Version: 3.7.5
Vue Version: 3.5.13
Browsers: Firefox 133.0
OS: Ubuntu undefined

Steps to reproduce

Use the attached VPlay link to reproduce, then set the v-carousel height at 100%, 500 and 50%.

Expected Behavior

The height of the image is limited to the height of its parent container. i.e. the behaviour when v-carousel height is set to a number of piexel.

Actual Behavior

When 100% is specified as height, the image occupies the full width of the container, even if that makes its height bigger than its actual height, or bigger than the height of the browser window.

When 50% is specified as height, the whole carousel layout is broken.

Reproduction Link

https://play.vuetifyjs.com/#...