How do I give this carousel a fixed height?

HTML-CSS
1

this is what I wanted to achieve:

28%20PM
28%20PM2560×1440 279 KB

instead of the slides taking up full space of the page like this :

38%20PM
38%20PM2560×1440 213 KB

codepen link: https://codepen.io/zhouxiang19910319/full/ZxmZQd/

2

Hello. Do you want to set the carousel’s pixel height or responsive in percents?

3

You can set .carousel-item{ height: 1900px;} and img.d-block{height: 30%;}