All solutions

I used grid to overlay view image. What are other modern modern approaches to achieve it (except relative/absolute)?

Figma design shows color inversion between mobile and desktop design. I wonder if this is on purpose as only one image is supplied.

When using flexbox with wrap - what techniques are recommended in such design to make upper and lower parts break at the same time? (i.e. changing image and layout in upper side while at the same time wrapping from 2 to 3 columns on lower side)

This was done using flexbox. Anybody done this using grid? pros/cons for that?

Pros and cons on using background-image instead of <img> tag?