Stacked Rows - overlap?!?

I have 2 rows which sit above each other on wide view. When moving to smaller mobile view, the contents of each row wraps accordingly. However, the row below does not drop down - so it overlaps.

Image 1: Wide view (correct)

Image 2: Mobile view (the red box from row 1 has wrapped, but row 2 hasn’t moved down so it overlaps).

Page Layout = Column

Each row configured like this…

How do I fix this?

did you ever find an answer?