Creating a responsive grid that has multiple items in 1 cell

I’m having a problem trying to make my grid responsive. In order to have “nested” or multiple items in 1 cell you have to make them manual, but that kills the responsiveness because in order to have responsiveness these items have to be set to auto. I tried using area which I’m not sure I understand. I need help, I’m stuck on how to get this to work. Here is my read only link. Any help would be greatly appreciated to this newbie on Webflow.

https://preview.webflow.com/preview/nicolas-fabulous-site-59ddc9?utm_medium=preview_link&utm_source=designer&utm_content=nicolas-fabulous-site-59ddc9&preview=60511d0a8fefdd77e48eec471dbc2682&pageId=6398ac41d9d4a1f90cfcca0d&workflow=preview