Fixed and Sticky at the same time?

Hi everyone!
I want the red square to be fixed while scrolling over two sections but I want it to stay inside “2 section wrapper” and dissapear as I scroll down to the last section. In other words; it should stay fixed while scrolling over first 2 sections and dissapear when scrolling over the 3rd section. And I want it to be exactly on the same spot even if I change screen to smaller breakpoints. Is it possible? If so, how?
Here’s the link:
https://preview.webflow.com/preview/12345678-5c1947?utm_medium=preview_link&utm_source=designer&utm_content=12345678-5c1947&preview=802735fad67a5c77a65d947d696c33d3&mode=preview

[2]: https://university.webflow.com/article/sharing-your-sites-read-only-link!Screen Shot 2021-02-07 at 21.37.41|690x485