How to Make Image Fit Full Width of Multicolumn Section

My multicolumn section has the image width set at full width of column now, which worked perfectly when the image was narrow images of stars, however, I am trying to include customer images into the column and the photo is automatically being resized to be very small. Does anyone know how to fix this issue?

Hello @IHaveQuestions2
Can you store URL?

Share url please

When you set your “Image ratio” to “Adapt” the code selects widest image proportion and uses that one.

You may create a theme copy, remove wide images and see that your tall image is now bigger.

This is done so that titles and texts are aligned.

You can fix this without any coding by making your stars image taller – just add some transparent space top and bottom as you prefer.

Or you can try other settings for “Image ratio”, however images will be cropped to fit these preset ratios.

To make them fit rather than crop, you may try adding this to the “Custom CSS” setting of this section:

.multicolumn-card__image {
  object-fit: contain;
}