text scrolling over image

Dear All, I am looking for a solution for the following problem:

There should be a full-width image, with text above it and also below it. So the image is in the middle of the text. When the user scrolls downward, first the text is shown, then the image is scrolling in from below, goest to the top of the page, where it stops, and the text below the image scrolls onto the image, gradually covering it.

How would that possible in Enfold? Thank You!