JSFiddle - React, Tailwind, and code Playground

HTML

<div id="monster">
        <!--монстр-->
        <div id="Div0_1">
            <!--левый рог-->
        </div>
        <div id="Div0_2">
            <!--правый рог-->
        </div>
        <div id="Div0_3">
            <!--правая рука (плечо)-->
            <div id="Div0_3_1">
                <!--правая рука (предплечье)-->
            </div>
            <div id="Div0_3_2">
                <!--правая рука (большой палец)-->
            </div>
            <div id="Div0_3_3">
                <!--правая рука (кисть)-->
            </div>
            <div id="Div0_3_4">
                <!--правая рука (палец 1)-->
            </div>
            <div id="Div0_3_5">
                <!--правая рука (палец 2)-->
            </div>
            <div id="Div0_3_6">
                <!--правая рука (палец 3)-->
            </div>
        </div>
        <div id="Div0_4">
            <!--левая рука (плечо)-->
            <div id="Div0_4_1">
                <!--левая рука (предплечье)-->
            </div>
            <div id="Div0_4_2">
                <!--левая рука (большой палец)-->
            </div>
            <div id="Div0_4_3">
                <!--левая рука (кисть)-->
            </div>
            <div id="Div0_4_4">
                <!--левая рука (палец 1)-->
            </div>
            <div id="Div0_4_5">
                <!--левая рука (палец 2)-->
            </div>
            <div id="Div0_4_6">
                <!--левая рука (палец 3)-->
            </div>
        </div>
        <div id="Div0_5">
            <!--правая нога (бедро)-->
            <div id="Div0_5_1">
                <!--правая нога (голень)-->
            </div>
            <div id="Div0_5_2">
                <!--правая нога (ступня)-->
            </div>
            <div id="Div0_5_3">
                <!--правая нога (палец 1)-->
            </div>
            <div id="Div0_5_4">
                <!--правая нога (палец 2)-->
            </div>
            <div id="Div0_5_5">
               ...

CSS

body {
    margin: 0;
}

div {
    position: relative;
    border: 5px solid #FFFFFF;
}

/*монстр*/
#monster {
    width: 800px;
    height: 600px;
    margin-top: 60px;
    margin-left: 320px;
}

/*монстр*/
#Div0_1 {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 110px;
    left: 270px;
    border-radius: 15% 55%;
    transform: skew(10deg, 15deg);
    border: 5px solid #000000;
    background-color: #F4E48F;
}

/*монстр*/
#Div0_2 {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 75px;
    left: 460px;
    border-radius: 55% 15%;
    transform: skew(0deg, -25deg);
    border: 5px solid #000000;
    background-color: #F4E48F;
}

/*монстр*/
#Div0_3 {
    position: absolute;
    width: 200px;
    height: 20px;
    top: 230px;
    left: 174px;
    border-radius: 55% 35%;
    transform: rotate(7deg);
    border: 5px solid #000000;
    background-color: #8fbd18;
}

/*монстр*/
#Div0_3_1 {
    width: 100px;
    height: 20px;
    margin-top: -46px;
    margin-left: -70px;
    border-radius: 55% 35%;
    transform: rotate(70deg);
    border: 5px solid #000000;
    background-color: #8fbd18;
}

/*монстр*/
#Div0_3_2 {
    width: 25px;
    height: 10px;
    margin-top: -115px;
    margin-left: -60px;
    border-radius: 55% 35%;
    transform: rotate(75deg);
    border: 5px solid #000000;
    background-color: #8fbd18;
}

/*монстр*/
#Div0_3_3 {
    width: 40px;
    height: 40px;
    margin-top: -5px;
    margin-left: -75px;
    border-radius: 55% 35%;
    transform: rotate(80deg);
    border: 5px solid #000000;
    background-color: #8fbd18;
}

/*монстр*/
#Div0_3_4 {
    width: 10px;
    height: 18px;
    margin-top: -49px;
    margin-left: -74px;
    border-radius: 55% 35%;
    transform: rotate(70deg);
    border: 5px solid #000000;
    background-color: #8fbd18;
}

/*монстр*/
#Div0_3_5 {
    width: 10px;
    height: 18px;
    margin-top: -16px;
    margin-left: -74px;
    border-radius: 55% 35%;
    transform: rotate(70deg);
   ...