JSFiddle - React, Tailwind, and code Playground

by Keith Jeter

HTML

<div class="show_wrap">

<div class="lefft">
  <div class="show_arm_1"></div>
  <div class="show_arm_2"></div>
  <div class="show_leg_1"></div>
  <div class="show_leg_2"></div>
</div>

<div class="rigght">
  <div class="show_arm_1"></div>
  <div class="show_arm_2"></div>
  <div class="show_leg_1"></div>
  <div class="show_leg_2"></div>
</div>

<div class="cenntre">
  <div class="show_head"></div>
    <div class="show_bod_1"></div>
    <div class="show_bod_2"></div>
    <div class="show_bod_3"></div>
</div>

</div>

CSS

.show_wrap { overflow: hidden;
width: 1518px;
height: auto;
/* height: 1672px; */
margin: 0 auto 0 auto;
padding: 0;
background: pink;

}

.show_wrap > .lefft { 
  display: block;
  float: left;
  overflow: hidden;
}

.show_wrap > .rigght {
  display: block;
  float: right;
  overflow: hidden;
}

.show_wrap > .cenntre {
  position: absolute;
  /* width: 1518px; */
  left: 50%;
  display: block;
  overflow: hidden;
  background: red;
}

.show_head {
  position: absolute;
  background: url(http://galnova.com/_show/show-head.png) no-repeat;
  width: 349px;
  height: 233px;
}

.show_leg_1 {
  float: left;
  background: url(http://galnova.com/_show/show-leg-1.png) no-repeat;
  width: 486px;
  height: 550px;
}

.show_leg_2 {
  float: left;
  background: url(http://galnova.com/_show/show-leg-2.png) no-repeat;
  width: 728px;
  height: 629px;
}

.show_arm_1 {
  float: left;
  background: url(http://galnova.com/_show/show-arm-1.png) no-repeat;
  width: 341px;
  height: 508px;
}

.show_arm_2 {
  float: left;
  background: url(http://galnova.com/_show/show-arm-2.png) no-repeat;
  width: 346px;
  height: 700px;
}

.show_bod_1 {
  float: left;
  background: url(http://galnova.com/_show/show-bod-1.png) no-repeat;
  width: 698px;
  height: 526px;
}

.show_bod_2 {
  float: left;
  background: url(http://galnova.com/_show/show-bod-2.png) no-repeat;
  width: 326px;
  height: 173px;
}

.show_bod_3 {
  float: left;
  background: url(http://galnova.com/_show/show-bod-3.png) no-repeat;
  width: 535px;
  height: 425px;
}

/* show-head.png 349w x 233h */
/* show-leg-1.png 486w x 550h */
/* show-leg-2.png 728w x 629h */
/* show-arm-1.png 341w x 508h */
/* show-arm-2.png 346w x 700h */
/* show-bod-1.png 698w x 526h */
/* show-bod-1.png 326w x 173h */
/* show-bod-3.png 535w x 425h */