Reveal fixed image without image, border and corners scaling?


I was wondering if anyone could help me accomplish something similar to the link below without having to use a separate PNG image with a hole in the middle?

I would like to slowly reveal an image on scroll, whilst keeping the image size and position fixed. Ideally using a div block and rounded corners on the edges, with a border.

I tried this using a div block and couldn’t find a way to scale the div block without also scaling the image. It also scaled my rounded corners badly and messed up my border which I would like to remain consistent as just the length and width of the actual box changes - I am sure there may be a relatively simple way around this but I am very rusty and I am just getting back into Webflow again after a 2 year hiatus.

Any help would be much appreciated, thanks!

Read only: Webflow - test

FYI if anyone cares for future reference - I managed to do this - I needed to change the ‘Size’ property of the div block rather than changing the ‘Scale’.