.planet-container {
    position: absolute;
    z-index:-1;
}

.planet-container img{
    max-width:100%;
    max-height:100%;
}


.mooner-container {
    position: absolute;
}

.mooner-container img {
    width: 60px;
    height: auto;
}


.coding-particle {
    position: absolute;
    z-index: 999;
    left: 40px;
    top: 20px;
    font-size: 4px;
    font-family: "arial", sans-serif;
    color: #6be9b3;
}

.mooner-relative-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.mooner-relative-container img {
    position: absolute;
}

.mooner-relative-container .mooner-body {
    top: 0;
    bottom: 0;
    z-index: 10;
}

.mooner-arm-1,
.mooner-arm-2 {
    top: 30%;
    left: 15%;
}

.mooner-arm-1 {
    z-index: 12;
}

.mooner-arm-2 {
    z-index: 11;
}