.fighter-wrapper {
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 500px;
    position: relative;
    transform: scale(0.75);
    transform-origin: bottom;
}

.fighter-wrapper.right {
    transform: scale(0.75) scaleX(-1);
}

.fighter-wrapper .content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    bottom: 238px;
}

.fighter-wrapper img {
    position: absolute;
    /* opacity: 50%; */
}

.pivot {
    position: absolute;
    width: 0px;
    height: 0px;
    /* background-color: green; */
    width: 5px;
    height: 5px;
}

.blood {
    top: -63px;
    left: -10px;
    transform: rotateZ(270deg);
    transform-origin: bottom;
}

.pivot>.marker {
    position: absolute;

    /* background-color: red; */
    width: 10px;
    height: 10px;
    border-radius: 100px;
}

.shadow {
    background-color: #eb9957;
    width: 200px;
    height: 100px;
    border-radius: 100px;
    position: absolute;
    bottom: -230px;
}

.head {
    transform: translate(0px, -131px);
}

.body {
    transform: translate(0px, 0px);
}

.hip {
    transform: translate(0px, 0px);
}

.shoulder-left {
    transform: translate(-53px, -98px) rotateZ(90deg);
}

.shoulder-right {
    transform: translate(49px, -98px) rotateZ(90deg);
}

.arm-left,
.arm-right {
    transform: translate(72px, 0px);
}

.hand-left,
.hand-right {
    transform: translate(57px, 0px);
}

.thigh-left,
.thigh-right {
    transform: translate(0px, -38px);
}

.leg-left,
.leg-right {
    transform: translate(0px, -20px) rotateZ(0deg);
}

.foot-left {
    transform: translate(-42px, 174px);
}

.foot-right {
    transform: translate(10px, 165px);
}

.hip-img {
    transform: translate(calc(-116px*0.5), calc(-98px*0.3));
}

.body-img {
    transform: translate(calc(-152px*0.45), calc(-150px*0.9));
}

.head-img {
    transform: translate(calc(-103px * 0.35), calc(-178px*0.85));

}

.shoulder-img {
    transform: translate(calc(-112px*0.2), calc(-54px *0.4));
}

.arm-img {
    transform: translate(calc(-90px*0.15), calc(-33px*0.35));
}

.hand-img {
    transform: translate(calc(-99px*0.15), calc(-101px*0.5));
}

.thigh-img {
    transform: translate(calc(-48px * 0.3), calc(-110px*0.8));
}

.leg-img {
    transform: translate(calc(-35px * 0.35), calc(-74px*0.65));
}

.foot-img {
    transform: translate(calc(-105px*0.25), calc(-80px*0.25));
}



@media screen and (max-width: 600px) {
    .fighter-wrapper {
        transform: scale(0.65) scaleX(1);

    }

    .fighter-wrapper.right {
        transform: scale(0.65) scaleX(-1);
    }
}

/* 
@media screen and (max-device-width:500px) {
    .fighter-wrapper {
        transform: scale(1) scaleX(1);
        background-color: red;

    }

    .fighter-wrapper.right {
        transform: scale(1) scaleX(-1);
    }
} */