Custom sizes for CMS Item Images? Feels like an easy fix but I can't find the solution

Hello, trying to fix the spacing for my CMS items that have different size images.

Here’s what it looks like and here’s what it should look like.

I’d love if someone could take a look and let me know if there’s something obvious that I missed.

P.S. I tried using Flex box and centre align but it’s not quite what I am looking for (as shown in the Figma screenshot).


Here is my site Read-Only: Read Only Link

This should help

Thank you, Michael! Macy.js worked perfectly.

There’s just one issue, now the images have shrunk in size and there are 3 images in a row instead of 2 in a row.

Any solutions for this as well?

Hi HOBI, I didn’t write Macy.js but their docs are good, everything you need to configure the layout you want will be there.

Thank you, I ended up going with this solution as it worked best with for my needs.