Grid and area responisve problems

Hello all :wave:
Having a problem making my grid children flow into the second column. The problem I am having has to do with one of my grid children taking up two spaces for the desktop version.

Now How do I make it behave so that the other children can behave? Webflow - Zocalo Food Park

By the way when I try to manually position the blue div with yellow text, the whole thing goes buggy

Here is some examples in figma of how I would like the responsiveness to behave