JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="image">
      <div id="ieMonster">
        </div>  
        <div id="orb1">
        </div>                               
        <div id="orb1_1">
        </div>
        <div id="orb2">
        </div>
        <div id="orb2_1">
        </div>
        <div id="frankenstein"> 
          <div id="frankensteinHeir"> 
            <div id="top">
            </div>
            <div id="left">
              <div id="left1"> 
              </div>
            </div>
            <div id="center">
            </div>
            <div id="right">
            </div>
            <div id="screw1">
            </div>
            <div id="screw2"> 
            </div> 
            <div id="screw3">
            </div>           
            <div id="screwLine">
            </div>                
          </div>           
          </div>         
          <div id="suture1">
          </div>
          <div id="suture2">
          </div>
          <div id="suture3">
          </div>
          <div id="suture4">
          </div>
          <div id="suture5">
          </div>
          <div id="suture6">
          </div>
          <div id="suture7">
          </div>
          <div id="suture8">
          </div>
          <div id="suture9">
          </div>
          <div id="suture10">
          </div>
          <div id="suture11">
          </div>
          <div id="suture12">
          </div>
          <div id="suture13">
          </div>
          <div id="suture14">
          </div>
          <div id="suture15">
          </div>
          <div id="suture16">
          </div>  
        <div id="ieMonsterEye">
          <div>
          </div>
        </div>
        <div id="ieE1">
        </div>
        <div id="whiteRectangle">
        </div>
        <div id="ieE2">
          <div id="teeth1">
          </div>        
          <div id="teeth_1">   
          </div>
          <div id="teeth2"> 
          </div>           
          <div id="teeth_2">
         ...

CSS

body{
        background-color:#fff;
      }
      *{
        position:absolute;
        }
      #image{
        margin-left:100px;
        margin-top:77px;
      }
      #ieMonster{
        width:400px;  
        height:400px;
        border:2px solid #0551a5;
        border-radius:200px;
        background:radial-gradient(circle at center, #8fe9f1 0%, #64c3e1 100%);
        z-index:1;
      }
      #frankenstein{
        width:404px;
        height:212px;
        margin-top:-1px;
        margin-right:-2px;
        background:#9fb147;
        border-bottom-left-radius:150px 5px;
        border-bottom-right-radius:150px 5px;
        border-top-left-radius:12px;
        border-top-right-radius:12px;
        z-index:6;  
      }
      #frankensteinHeir{
        width:100%;
        height:146px;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;
        border-top-left-radius:12px;
        border-top-right-radius:12px;
      }
      #frankensteinHeir > #top{
        width:100%;
        height:40%;
        background-color:#373535;
        border-top-left-radius:12px;
        border-top-right-radius:12px;
      }
      #frankensteinHeir > #left{
        width:43%;
        height:100%;
        background-color:#373535;
        border-top-left-radius:12px;
        border-bottom-right-radius:150px 107px;
        z-index:2;
      }         
      #left > #left1{
        width:126%;
        height:62%;
        margin-top:34%;
        margin-left:55%;
        background-color:#9fb147;
        border-top-left-radius:150px 137px;
        border-top-right-radius:157px 140px;
        border-bottom-right-radius:5px;
        z-index:3;
      }    
      #frankensteinHeir > #center{
        width:46%;
        height:60%;
        margin-left:40%;
        background-color:#373535;
        border-bottom-right-radius:12px;  
      }
      #frankensteinHeir > #right{
        width:58px;
        height:75px;
        margin-left:346px;
       ...