body {
    background-color: rgb(23, 23, 23);
    background-image: radial-gradient(rgb(86, 86, 86), rgb(23, 23, 23));
    background-size: 100vw 100vh;

    overflow: hidden;
}

#web-svg {
    position: fixed;
    animation: spin 60s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
     to {
        transform: rotate(360deg);
     } 
}

#test-img {
    position: fixed;
    animation: orbit-four 60s -5s infinite linear; 
}

@keyframes orbit-one {
    from {
        transform: rotate(0deg) translateY(10vw) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateY(10vw) rotate(-360deg);
    }
}


@keyframes orbit-two {
    from {
        transform: rotate(0deg) translateY(20vw) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateY(20vw) rotate(-360deg);
    }
}

@keyframes orbit-three {
    from {
        transform: rotate(0deg) translateY(30vw) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateY(30vw) rotate(-360deg);
    }
}

@keyframes orbit-four {
    from {
        transform: rotate(0deg) translateY(40vw) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateY(40vw) rotate(-360deg);
    }
}

@keyframes orbit-five {
    from {
        transform: rotate(0deg) translateY(50vw) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateY(50vw) rotate(-360deg);
    }
}







@media only screen and (max-width: 800px) {
  body {
    background-color: lightblue;
  }

  
    @keyframes orbit-one {
        from {
            transform: rotate(0deg) translateY(10vh) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateY(10vh) rotate(-360deg);
        }
    }


    @keyframes orbit-two {
        from {
            transform: rotate(0deg) translateY(20vh) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateY(20vh) rotate(-360deg);
        }
    }

    @keyframes orbit-three {
        from {
            transform: rotate(0deg) translateY(30vh) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateY(30vh) rotate(-360deg);
        }
    }

    @keyframes orbit-four {
        from {
            transform: rotate(0deg) translateY(40vh) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateY(40vh) rotate(-360deg);
        }
    }

    @keyframes orbit-five {
        from {
            transform: rotate(0deg) translateY(50vh) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateY(50vh) rotate(-360deg);
        }
    }
}