Responsive Video Over Responsive Image

Hey everyone, I’m still learning how to use Webflow, but I am stuck at this point.

I’m trying to use an image of an iMac and overlay a tutorial video overtop of that. I can get the video overtop of the image using relative positioning, however I cannot make it responsive to stay overtop of that image and size properly if the image fo the computer resizes. Any ideas on how to make this work? Basically I would be trying to make a Div Block that could be the size of the iMac blank screen in the photo that would shrink or grow as the image is resized.

Any help would be greatly appreciated! Thanks!


Here is my site Read-Only: https://preview.webflow.com/preview/probuilder-online?utm_source=probuilder-online&preview=0eda1155a42c440967714029cf3fcdcb&mode=preview

I would suggest to use fixed sizes in order to achieve this.