JSFiddle - React, Tailwind, and code Playground

by matku

HTML

<div id="mapCointainer" >
    <img class="background_image" usemap="#balloon" />
</div>
<map name="balloon">
    <area shape="poly" coords="43,212,100,168,452,22,613,119,355,254,39,303" href="index.html" alt="" />
</map>

CSS

#mapCointainer{
    position: relative;
    top: 10px;
    left:10px;
}
.background_image{
    position: absolute;
    top:0px;
    left:0px;
    
    width: 800px;
    height: 600px;
    background-size: 100%;
    background-repeat:no-repeat;
    background-image:...