Aligning content left and right in a grid but overflow on Mobile

Community resources
1

Hi everyone!

I’ve been working on a webpage for my company hoping to use a grid to get a paragraph and two images (one on top of the other on the right side of the grid) to work responsively. However, in my design it overflows on the mobile version. What is it that I am doing wrong? Is there a simpler way to get the images and paragraph side by side responsively? Please comment below and let me know if so. Thank you!!!

The design I am going for:
RiseIn

What I have thus far:

https://preview.webflow.com/preview/effycient-accelerator-program?utm_medium=preview_link&utm_source=designer&utm_content=effycient-accelerator-program&preview=739c54a62791bacca19e573cffa5f949&workflow=preview

2

Move (drag) this paragraph >>

Screen Shot 2022-01-10 at 11.20.03 AM
Screen Shot 2022-01-10 at 11.20.03 AM776×590 12.2 KB

into Grid 5 above or below - your choice - Text Block 4
Screen Shot 2022-01-10 at 11.21.52 AM
Screen Shot 2022-01-10 at 11.21.52 AM810×726 65.7 KB

Screen Shot 2022-01-10 at 11.25.12 AM
Screen Shot 2022-01-10 at 11.25.12 AM696×1000 68.8 KB

You may(?) need to do similar in Tablet | Mobile (L) | Mobile (P) widths