Streaming live at 10am (PST)

Parallax animation for multiple sections inside a single div

Hello,
I have a div that has three sections that are as follows:

  1. the first section has a diagonal rectangle,
    2.the second section has an image.
    3.the third section is again a diagonal rectangle.

I have been unable to achieve the parallax on scroll effect.
I would love to know how to achieve the effect.

Here is my public share link: https://preview.webflow.com/preview/mangosteen1?utm_medium=preview_link&utm_source=dashboard&utm_content=mangosteen1&preview=5d2a52aee85dab16ec1d2bea31458367&mode=preview