I am having a problem where i set a 16×9 ratio for my Bootstrap carousel and the images won’t be contrained into the carousel now. They are bigger and will just go outside of the bounds. I would like to fix this for images that are too tall and too long. So h-100 or w-100 didn’t work.

Here is a video of my problem most of the important stuff should be readable from the google dev tools.
Exampled video

I tried h-100 and w-100 as sayed, but they won’t work for either longer or heigher images. I tried contain but it didn’t work, idk why. The image should be contained and the rest of the area should be empty.