Background image clipping mask?

Hello,

I have a tricky on-scroll animation that I would like advice on!

Here is what I’m trying to accomplish:

I have successfully created this animation in Webflow using two 50vw rectangles that rotate on scroll to make the “v”. The problem is that these rectangles only work when either the top or bottom row is a solid color. I don’t know how to make this when both the top row and bottom row have background images.

Does anyone have any ideas for how to accomplish this?

Thanks!