Phone Zoom/Rotate interaction

I am trying to re-create something similar to part of this page using interactions: http://moon-project.webflow.io/

On the second section as you scroll down, the page zooms out and the screen becomes that of the iphone. The Phone then rotates, but the original image stays at same angle:

This is very close to the IphoneX webflow tutorial by Nelson, but in that Nelson placed the phone and the video behind it, in the same div block. To achieve the rotation of just the phone it must be in a separate div which is fine, but when the phone rotates - how do you mask the rest of image placed behind?

Would love to hear your thoughts!

Alistair