.moon_container {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 100px;
    overflow: hidden;
    z-index: 2; 
    margin-top: -58px;
    margin-left: calc(50% - 325px);
}

@media screen and (max-width: 1200px) {
    .moon_container {
        margin-right: 70px;
    }
}

@media screen and (max-width: 975px) {
    .moon_container {
        margin-left: calc(50% - 200px);

    }
}

@media screen and (max-width: 720px) {
    .moon_container {
        margin-left: 0px;
    }
}





#central-div {
    z-index: 2; 
}