JSFiddle - React, Tailwind, and code Playground

HTML

<map name="imagemap">
  <area shape="circle" coords="89,88,88" alt="Circle" href="http://www.google.com" />
</map>
<img id="Mask" src="http://img585.imageshack.us/img585/1198/circlemask.png" alt="Image Mask" usemap="#imagemap" />
<img class="Image" src="http://lorempixum.com/400/200" alt="Image" />

CSS

html, body { margin: 0px; padding: 0px; background: #333333; }

Image{ 
    position: relative;
    z-index: 5;
}

#Mask { 
    position: absolute; 
    top: 0px; 
    left: 0px;
}