Hello folks. I have a question that I hope someone can help me with.
I’ve added a full-width image carousel to a page of a new site. As I want the photos in this carousel to be larger than the Blocs default when viewed on phones, I’ve been preparing the images with a 4:3 aspect ratio (1200px x 900px). But this makes the carousel too large when viewed on a desktop.
So I’ve created a new class which has a maximum-height of 750px for desktops, and set the Overflow to Hidden. This class has been applied to the carousel, and everything works perfectly. However only the bottom of the photo is cropped.
What I’m now trying to work out, is a way for my class to hide the photo equally from both top and bottom, so the photos remain centred within the carousel. Does anyone know if this is possible? Or is there a smarter way to do what I want?