I have a website design ready.

The design requires an image to move from the left side of a div container to the right side of a div container, as the user scrolls down the page.

Once the user hits the next section, the image should be sticky on the right side for the rest of the site.

As the user scrolls down the site, when the user enters a new section I want that stickied image to stay in the same location, but switch img src based off of what the content beside it is.

If this is confusing please see the attached file and let me know if it makes more sense.

Essentially:

1. Have two graphics move from left to right/right to left as the user scrolls past the hero section

2. Have the blue square in this screenshot stay in position: fixed

3. flip the blue square image in this screenshot to new content based off of the section that it's in

Please don't hesitate to reach out and ask questions

• The design requires an image to move from the left side of a div container to the right side of a div container, as the user scrolls down the page

• Once the user hits the next section, the image should be sticky on the right side for the rest of the site
• As the user scrolls down the site, when the user enters a new section I want that stickied image to stay in the same location, but switch img src based off of what the content beside it is
• Have two graphics move from left to right/right to left as the user scrolls past the hero section
• Have the blue square in this screenshot stay in position: fixed
• flip the blue square image in this screenshot to new content based off of the section that it's in