.moon-image[data-phase="0"] {
    --moon-size: 150cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}

.moon-image[data-phase="1"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}

.moon-image[data-phase="2"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}

.moon-image[data-phase="3"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}

.moon-image[data-phase="4"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
    opacity: 0 !important;
}

.moon-image[data-phase="5"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}

.moon-image[data-phase="6"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}

.moon-image[data-phase="7"] {
    --moon-size: 125cqh;
    --moon-x: 0cqw;
    --moon-y: 0cqh;
}