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

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

@media (max-width: 700px) {
    .orbit-one {
        animation-name: ukbOrbitContinuous !important;
        animation-duration: 2.8s !important;
        animation-timing-function: linear !important;
        animation-delay: 0s !important;
        animation-iteration-count: infinite !important;
        animation-play-state: running !important;
    }

    .orbit-two {
        animation-name: ukbOrbitContinuousReverse !important;
        animation-duration: 4.2s !important;
        animation-timing-function: linear !important;
        animation-delay: -1s !important;
        animation-iteration-count: infinite !important;
        animation-play-state: running !important;
    }
}

@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
    .orbit-one {
        animation: ukbOrbitContinuous 2.8s linear infinite !important;
    }

    .orbit-two {
        animation: ukbOrbitContinuousReverse 4.2s linear infinite !important;
    }
}