.animate-clouds {
    animation: clouds 90s linear infinite;
}

.animate-bright {
    animation: bright 5s 5s infinite;
}

.animate-battery {
    animation: battery 5s infinite;
}

@keyframes clouds {
    0% {
        object-position: 0% top;
    }

    100% {
        object-position: 100% top;
    }
}

@keyframes bright {
    0% {
        left: -50%;
        opacity: 1;
    }

    100% {
        left: 150%;
        opacity: 0;
    }
}

@keyframes battery {
    0%,
    80%,
    100% {
        filter: brightness(103%) drop-shadow(0 0 0 transparent);
    }

    90% {
        filter: brightness(113%) drop-shadow(0 0 20px rgba(255, 255, 255, 0.7));
    }
}