Consistent Photo Aspect Ratios

I’d like to have Webflow zoom these photos to fit a consistent aspect ratio.

Here is what I currently have:

I want them to all fill the width of their grid compartments and then have the same height so that the text under them is aligned. All of this is coming from CMS.


Here is my site Read-Only: LINK
Here is my live site: LINK “Watterbottles”

Set them as a background image set to cover or set the image fit parameter to cover.

@DFink Setting the image fit parameter to cover as is doesn’t seem to do anything and I don’t believe you can use CMS images in the background parameter on a div block.

Try setting a Div block inside your grid and setting the images inside the div block. Adjust the size of the div and each div will take on the same width and height settings.

or
Change the width and height settings of the image from auto to a specified size.

you can if you go to the style settings and say get bg image from field. https://university.webflow.com/lesson/image-field-cms