:root {
    --giro-ruleta: 1500deg;
    --tiempo-giro: 5s;
}

.girar-ruleta {
    animation-name: girar;
    animation-duration: var(--tiempo-giro);
    /* animation-fill-mode: forwards; */
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes girar {
    100% {
        transform: scale(1.3);
        transform: rotate(var(--giro-ruleta));
    }
}