I have begun creating an overlay mask that reveals an image underneath on scroll position, this can be found in my read-only link below, what I am also wanting to do is as this overlay reveals the image beneath, the line drawing on top of the image will also mask away at the exact same scroll position. An example of how this looks can be found here: https://www.akaivyc.com/
Would anybody have resources on how to replicate this effect, is what I have started in the link below the correct first steps or is there a way to achieve this with some sort of clipping?
Thanks in advance.
Here is my site Read-Only: https://preview.webflow.com/preview/hoparacampers?utm_medium=preview_link&utm_source=designer&utm_content=hoparacampers&preview=6b3194cd4a7e22610a06a4220f14c5c7&mode=preview