Delayed Masked Background Img

Hello,

I was wondering if its possible to create something similar to this projects page here https://monopo.co.jp/ under the “Recent Work” at the bottom. I want to be able to have the same background image outside and inside the shape and delay the animation within the shape as displayed in the link. Also if this is possible to change the projects on scroll (maybe using position:sticky?).

Thanks in advance.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)