Overlap with color and photo

[RevealHM]

Hello! I’m hoping to create something like this:

I’m working on the bottom of this page: https://revealhm.com/test-page/

I added a photo to a column and changed the background color. is there a way the photo could be smaller than the color and the color could overlap like in the photo above? (The photo above was made on canva.)

Thank you in advance for your help!

[tristup]

Hi Ashley,

Thanks for reaching out.
What you are expecting can be achieved using the Grid element. I would suggest you go through the following article and the video which may help you with this.

Grid | Themeco Docs

CSS Grid: Cell Placement & Overlapping Content (Intermediate)

Thanks