Resize browser and watch blue hotspots

The 2 left video images have blue hyperlinks over them, watch them resize with the image.


Use of an imagemap in responsive design usually results in undesired results when the image is resized.
This is an example of how you can make one using CSS that works.
The HTML and CSS have line by line documentation to recreate your own responsive imagemap.