HTML - HTML Map e imágenes Responsive

En una imagen tengo distintas areas en las que apuntan a distintas páginas.

Actualmente lo estoy haciendo gracias al tag map de HTML, con usemap, shape etc; las coordenadas que utilizo son absolutas.

La duda que tengo es cómo se puede hacer esto en un entorno responsive, dónde la se cargan imagenes de distintos tamaños que se adaptan por ejemplo a la pantalla; ya que funcionando de esta manera las coordenadas no sirven.

¿Alguien tiene alguna idea cómo poner enlaces en areas concretas para imágenes que modifican su tamaño?

Hola:

Creo que necesitas usar imágenes SVG, no maps HTML:

https://www.w3schools.com/graphics/svg_intro.asp
https://oreillymedia.github.io/Using_SVG/index.html#chapters
https://websitebeaver.com/how-to-make-an-interactive-and-responsive-svg-map-of-us-states-capitals
https://css-tricks.com/creating-interactive-maps-in-wordpress-with-mapsvg/

Un saludo,
https://obelearningservices.com/blog/