Image map not working properly and needs to be responsive.

Here 's the page:

https://example URL

I used image-map.net to create this and implemented it into the page.  The links I created are not working.  Could someone help me figure this out and also help me convert it into a mobile friendly SVG?  

The links are supposed to be on the 3 words on the triangle graphic.

<!-- Image Map Generated by http://www.image-map.net/ -->

<img src="example URL" usemap="#image-map">

<map name="image-map">

    <area target="_blank" alt="" title="" href="example URL" coords="1598,1173,2495,1443" shape="rect">

    <area target="_blank" alt="" title="" href="example URL" coords="495,2925,1702,3229" shape="rect">

    <area target="_blank" alt="" title="" href="example URL" coords="2379,2920,3581,3229" shape="rect">

</map>

27 minutes ago, Ziggy said:

Try this map generator, I've heard that it works and it's responsive:

https://imagemapper.noc.io/#/

OMG ZIGGY!!!!!  After hours of research and heartache, you saved the day bro!  THANK YOU!!!! Now, the only other thing is, do you know how to force the "hand" icon to stay on screen and not disappear while you are hovering over a link?

Again, THANK YOU SO MUCH!

Just now, creationscape said:

Again, THANK YOU SO MUCH!

Happy to help!

1 minute ago, creationscape said:

do you know how to force the "hand" icon to stay on screen and not disappear while you are hovering over a link?

I only see the hand cursor when hovering over a link, this is normal behaviour, but it sounds like you are seeing the opposite for some reason?

1 minute ago, Ziggy said:

Happy to help!

I only see the hand cursor when hovering over a link, this is normal behaviour, but it sounds like you are seeing the opposite for some reason?

yes. It appears when I first hover but then after 1 or 2 seconds it reverts back to the normal cursor.