img.gyre {
    animation: rotateImage 2s infinite alternate ease-in-out;
}
img.gyreTwo {
    animation: rotateImageTwo 5s infinite alternate ease-in-out;
}
img.scaleImage {
    animation: scaleImage 2s infinite alternate ease-in-out;
}
img.gyreAll {
    animation: rotateImageAll 30s linear infinite;
}

@keyframes rotateImageAll {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}


@keyframes rotateImage {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(5deg); /* Ajusta el valor para controlar la cantidad de giro */
    }
}

@keyframes rotateImageTwo {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-5deg); /* Ajusta el valor para controlar la cantidad de giro */
    }
}

@keyframes scaleImage {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.7); /* Ajusta el valor para controlar el escalado */
    }
}
@keyframes scaleBackground {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.5); /* Ajusta el valor para controlar el escalado */
    }
}