Thank you so much, this is alredy a big improvement!
It does fit the height of the portrait-shaped images to the height of the browser.
Unfortunately it stops doing that when the browser width exceeds 1715px of width.
After that, the image will get a left and right hand white border again.
Also I found out something else which was very confusing… I tried to increase the size (pixels) of the images because I thought maybe a bigger image would fill the box completely. So instead of images with 954 × 1073px (standard size of all images), I uploaded an image with 1500x1688px.
It didn’t work, there’s still white space left and right of the image, just like with the other, smaller images.
It’s the second last of the versus images in the carousel.
Then something really strange happened: Out of curiosity, I exported the image as a PNG for web and it was somehow cropped by 1px in height, so the size was 1500x 1687px. I realised this only when I uploaded I, because this image inverts the effect described above!
With this image, if the browser is smaller than 1715px in width, the image has a white space on top and bottom of the image.
If the Browser is bigger than 1715px in width, the image is displayed correctly… how is this possible? It did blow my mind a little :)
It’s the last image in the carousel, maybe you know why it’s behaving that way?
Did the slight change in ratio (that happened by accident), change the behaviour of the image within the carousel?
Maybe there's only a little tweak to your prepared css code that'll make all images fit the browser, no matter the ratio of the image, nor the size of the browser?
Thank you so much again for your support!