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="orangeRectangle">
        </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:200px;
        margin-top:155px;
      }
      #ieMonster{
        width:800px;  
        height:800px;
        border:4px solid #0551a5;
        border-radius:400px;
        background:radial-gradient(circle at center, #8fe9f1 0%, #64c3e1 100%);
        z-index:1;
      }
      #frankenstein{
        width:808px;
        height:425px;
        margin-top:-3px;
        margin-right:-5px !important;
        background:#9fb147;
        border-bottom-left-radius:300px 10px;
        border-bottom-right-radius:300px 10px;
        border-top-left-radius:25px;
        border-top-right-radius:25px;
        z-index:6;                                                            
      }
      #frankensteinHeir{
        width:100%;
        height:292px;
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        border-top-left-radius:25px;
        border-top-right-radius:25px;
      }
      #frankensteinHeir > #top{
        width:100%;
        height:40%;
        background-color:#373535;
        border-top-left-radius:25px;
        border-top-right-radius:25px;
      }
      #frankensteinHeir > #left{
        width:43%;
        height:100%;
        background-color:#373535;
        border-top-left-radius:25px;
        border-bottom-right-radius:300px 215px;
        z-index:2;
      }         
      #left > #left1{
        width:126%;
        height:62%;
        margin-top:34%;
        margin-left:55%;
        background-color:#9fb147;
        border-top-left-radius:300px 275px;
        border-top-right-radius:315px 280px;
        border-bottom-right-radius:10px;
        z-index:3 !important;
      }    
      #frankensteinHeir > #center{
        width:46%;
        height:60%;
        margin-left:40%;
        background-color:#373535;
        border-bottom-right-radius:25px;  
      }
      #frankensteinHeir > #right{
     ...