JSFiddle - React, Tailwind, and code Playground
by Dhanck
HTML
<div class="Group_1"></div>
CSS
.Group_1 {
position: absolute;
left: 0px;
top: 0px;
width: 500px;
height: 760px;
z-index: 29;
}
.Layer_4_copy_8 {
background-image: url("Layer 4 copy 8.png");
position: absolute;
left: 205px;
top: 587px;
width: 34px;
height: 34px;
z-index: 28;
}
.Layer_4_copy_7 {
background-image: url("Layer 4 copy 7.png");
position: absolute;
left: 205px;
top: 411px;
width: 34px;
height: 34px;
z-index: 27;
}
.Layer_4_copy_16 {
background-image: url("Layer 4 copy 16.png");
position: absolute;
left: 59px;
top: 234px;
width: 79px;
height: 12px;
z-index: 26;
}
.Layer_4_copy_15 {
background-image: url("Layer 4 copy 15.png");
position: absolute;
left: 59px;
top: 209px;
width: 106px;
height: 12px;
z-index: 25;
}
.Layer_4_copy_14 {
background-image: url("Layer 4 copy 14.png");
position: absolute;
left: 257px;
top: 608px;
width: 215px;
height: 12px;
z-index: 24;
}
.Layer_4_copy_13 {
background-image: url("Layer 4 copy 13.png");
position: absolute;
left: 257px;
top: 585px;
width: 215px;
height: 12px;
z-index: 23;
}
.Layer_4_copy_12 {
background-image: url("Layer 4 copy 12.png");
position: absolute;
left: 257px;
top: 432px;
width: 215px;
height: 12px;
z-index: 22;
}
.Layer_4_copy_11 {
background-image: url("Layer 4 copy 11.png");
position: absolute;
left: 257px;
top: 409px;
width: 215px;
height: 12px;
z-index: 21;
}
.Layer_4_copy_10 {
background-image: url("Layer 4 copy 10.png");
position: absolute;
left: 257px;
top: 233px;
width: 215px;
height: 12px;
z-index: 20;
}
.Layer_4_copy_9 {
background-image: url("Layer 4 copy 9.png");
position: absolute;
left: 257px;
top: 210px;
width: 215px;
height: 12px;
z-index: 19;
}
.Layer_4_copy_6 {
background-image: url("Layer 4 copy 6.png");
position: absolute;
left: 205px;
top: 212px;
width: 34px;
height: 34px;
z-index: 18;
}
.Layer_4_copy_5 {
background-image: url("Layer 4 copy 5.png");
...