Answer 1

Here is a demo on how to use getComputedStyle()
https://code.sololearn.com/W5CWbyyHqpl7/?ref=app
I have give the image a 80vw width, try rotate screen to see the results

Answer 2

Wow, that's really fast 😱
And it's really funny to see own question in search result 😂

Answer 3

I checked your game and it works fine.
Would you mind clarifying again. What's the problem with your current code?

Answer 4

getComputedStyle()
then calculate new coordinates with ratio
then update the coords of <area>s using Element.setProperty

Answer 5

let scale = currentImageHeight / originalImageHeight;
let newValue = oldValue * scale;

Answer 6

This is a good reference:
https://javascript.info/styles-and-classes#computed-styles-getcomputedstyle