JSFiddle - React, Tailwind, and code Playground

HTML

<img src="bg.svg" width="100%" />
    <div class="box" id="a"></div>
    <div class="box" id="b"></div>

CSS

img {
       position: absolute;
        top: 0px;
        left: 0px;
    }
   .box{
        width: 4.0em;
        height:3.0em;
        background-color: yellow;
        position: absolute;
        top: 0;
        left: 0;
    }
    #a{ left:20px; top:20px; }
    #b{ left:20px; top:20px; }
    /* This doesn't work. The DIVs aren't fixed relative to bg.svg. */