Thats going to be almost impossible to get right. plus when the browser changes size, it will not line up. Why not just add the image to the iMac in photoshop?
well, it’s the image is in a wrapper and its not the only one. I’m trying to making a scroll interaction which hide/shows different images of scroll with some parallax. I tried fixing points using figma to get the shape css code but it didn’t work.
Then you must ensure that your screenshot has exactly same screen ratio that imac display. And then you will need to continue nudging and rotating and skewing untill it is perfectly fitting the image. Absolutely positioned elements should retain their look on all breakpoints.