Streaming live at 10am (PST)

Parallax animation for multiple sections inside a single div

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: