Stop a column scrolling at end of text

Hi, I’m new to Webflow and standing in for a colleague who is off on maternity leave. I have a question about a simple two column layout: Images and text. As the user scrolls down I want the longer column (Images in column 1) to keep scrolling but the shorter column (text in column 2) to stop when the last line becomes visible.

Here is my element list:

My the sample site is: https://test-scroll-2021.webflow.io/

I’m sure the answer lies in sticky positioning but I just can’t make it work. Any help greatly appreciated.

Thanks in advance,
John O.

Hey @JohnO , could you please share a read-only link to the site?

Sorry @imtiazraqib - here is a read-only link:

https://preview.webflow.com/preview/test-scroll-2021?utm_medium=preview_link&utm_source=dashboard&utm_content=test-scroll-2021&preview=205c95a80094af7ca39ae2a98fdd2e82&workflow=preview

Thanks,
John O