#background-animation{
    overflow: hidden;
    position: absolute;
    box-sizing: border-box;
    padding: 2rem;
    /*border: 2rem solid red;*/
    width: 100%;
    height: 400vh;
    top: -150vh;
    left: 0;
}
.dot_box{ position: absolute; }
.dot_main
{
    transform-origin: 30% 50%;
    position: absolute;
    width: 2rem;
    aspect-ratio: auto;
}
.animation1 .dot_main{  animation: dot_main_rotate1 6s infinite linear;}
.animation2 .dot_main{  animation: dot_main_rotate2 7s infinite linear;}
.animation3 .dot_main{  animation: dot_main_rotate3 8.2s infinite linear;}

/*四个中间的小点*/
#dot1 { top: 160vh;  left: 55vw; }
#dot2 { top: 200vh;  left: 40vw; }
#dot3 { top: 230vh;  left: 20vw; }
#dot4 { top: 210vh;  left: 80vw; }
/*四个上面的小点*/
#dot5 { top: 130vh;  left: 20vw; }
#dot6 { top: 120vh;  left: 40vw; }
#dot7 { top: 140vh;  left: 60vw; }
#dot8 { top: 110vh;  left: 80vw; }
/*四个下面的小点*/
#dot9 { top: 270vh;  left: 20vw; }
#dot10 { top: 250vh;  left: 40vw; }
#dot11 { top: 280vh;  left: 60vw; }
#dot12 { top: 160vh;  left: 80vw; }
/*两个左边的小点*/
#dot13 { top: 180vh;  left: -5vw; }
#dot14 { top: 220vh;  left: -10vw; }
/*一个右边的小点*/
#dot15 { top: 200vh;  left: 105vw; }
/*还有两个*/
#dot16 { top: 170vh;  left: 20vw; }
#dot17 { top: 220vh;  left: 75vw; }

@keyframes dot_main_rotate1 {
    0% {
        transform: rotate(0deg);

    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dot_main_rotate2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dot_main_rotate3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dot_main_rotate1_star {
    0% {
        transform: rotate(0deg);
        opacity: 30%;
        width: 1.5rem!important;
        filter: blur(0.03rem);
    }

    50% {
        opacity: 50%;
        width: 1.2rem!important;
        filter: blur(0.08rem);
    }

    100% {
        transform: rotate(360deg);
        opacity: 30%;
        width: 1.5rem!important;
        filter: blur(0.03rem);
    }
}
@keyframes dot_main_rotate2_star {
    0% {
        transform: rotate(0deg);
        opacity: 40%;
        width: 0.9rem;
        filter: blur(0.025rem);
    }

    50% {
        width: 1.5rem;
        opacity: 60%;
        filter: blur(0.7rem);
    }

    100% {
        transform: rotate(360deg);
        opacity: 40%;
        width: 0.9rem;
        filter: blur(0.025rem);
    }
}
@keyframes dot_main_rotate3_star {
    0% {
        transform: rotate(0deg);
        opacity: 20%;
        width: 1rem;
        filter: blur(0.05rem);
    }

    50% {
    filter: blur(0.1rem);
        opacity: 40%;
        width: 1.3rem;
    }

    100% {
        transform: rotate(360deg);
        opacity: 20%;
        width: 1rem;
        filter: blur(0.05rem);
    }
}