@keyframes roll-in-1-05s {
    0% {
        opacity: 0;
        filter: blur(2px);
        transform: translate(-100%) rotate(-120deg);
    }
    80% {
        opacity: 1;
        filter: blur(0px);
        transform: translate(0) rotate(0);
    }
}

@keyframes roll-in-1-1s {
    0% {
        opacity: 0;
        filter: blur(2px);
        transform: translate(-100%) rotate(-120deg);
    }
    60% {
        opacity: 1;
        filter: blur(0px);
        transform: translate(0) rotate(0);
    }
}

@keyframes roll-in-1-2s {
    0% {
        opacity: 0;
        filter: blur(2px);
        transform: translate(-100%) rotate(-120deg);
    }
    50% {
        opacity: 1;
        filter: blur(0px);
        transform: translate(0) rotate(0);
    }
}

@keyframes roll-in-1-5s {
    0% {
        opacity: 0;
        filter: blur(2px);
        transform: translate(-100%) rotate(-120deg);
    }
    30% {
        opacity: 1;
        filter: blur(0px);
        transform: translate(0) rotate(0);
    }
}
@keyframes roll-in-1-10s {
    0% {
        opacity: 0;
        filter: blur(2px);
        transform: translate(-100%) rotate(-120deg);
    }
    16.6% {
        opacity: 1;
        filter: blur(0px);
        transform: translate(0) rotate(0);
    }
}
.ani-roll-in-05s {
    animation: roll-in-1-05s 2.5s infinite;
}
.ani-roll-in-1s {
    animation: roll-in-1-1s 3s infinite;
}
.ani-roll-in-2s {
    animation: roll-in-1-2s 4s infinite;
}
.ani-roll-in-5s {
    animation: roll-in-1-5s 7s infinite;
}
.ani-roll-in-10s {
    animation: roll-in-1-10s 12s infinite;
}