title: Link different parts of an image to different urls
body: <p>I'm trying to make a social media page for my website and I would like to have different social media icons link to each of my social media page.  I've tried to use the map tag but the image resolution changes based on browser.  I understand that if I make it an absolute image that it may fix this but using absolute coordinates seems like a very flawed design.  Is there a way of tagging the icons with urls that will stay fixed to the proper position regardless of screen resolution?</p>
  
  <p>This is the image with the icons I was talking about:</p>
  
  <p><a href="https://i.stack.imgur.com/sMtTr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sMtTr.jpg" alt="enter image description here"></a></p>
  
  <p>Thank you!</p>