CMS Grid | Overlapping Images with Multi Image Fields

Hello, long-time lurker here on the forums. I hit a wall on a project and finally made an account on the Forum. :sweat_smile:

Anyway, I’m trying to recreate this layout I designed in Figma, where I’ve got images overlapping each other. You know how it is when designing in Figma. All practical sense goes out the door, and then you left trying to create a design that was better left unattempted. But the customer likes the design, and so here we are.

In my mind, I figured Grid would be perfect for solving this problem.

Then I remembered that I was using a CMS multi-image field to keep the field count light(lighter). I could start creating individual image fields if I had to, but that’s going to get old really fast.

I’ve tried using Grid Areas as you’ll see with the read-only link. But CMS Items don’t seem to play nice. Any ideas? Thanks for your time :pray:t2:


Here is my public share link: LINK
(how to access public share link)

I ended up finding a solution. :slight_smile: Basically, just set the cms list to flexbox instead of a grid, and then set the wrap to vertically. After that, I set the left padding to negative on the item (not the image). It’s not exactly what I wanted, but it’s close enough.


a