.rotate {
    animation: rotation 8s infinite linear;   
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.roright {
    animation: roright 10s infinite linear;
}

@keyframes roright {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.roleft {
    animation: roleft 10s infinite linear;
}

@keyframes roleft {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-359deg);
    }
}

.rorightslow {
    animation: rorights 25s infinite linear;
}

@keyframes rorights {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.roleftslow {
    animation: rolefts 25s infinite linear;
}

@keyframes rolefts {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-359deg);
    }
}