body {
    background: #000
}

.head {
    animation: headlun 40s linear infinite;
    animation-play-state: paused;
}

.head2 {
    animation: headlun2 15s linear infinite;
}

@keyframes headlun {
    0%,
    100% {
        background: url(head/1.png);
    }
    12.5% {
        background: url(head/2.png)
    }
    25% {
        background: url(head/3.png)
    }
    37.5% {
        background: url(head/4.png)
    }
    50% {
        background: url(head/5.png)
    }
    62.5% {
        background: url(head/6.png)
    }
    75% {
        background: url(head/7.png)
    }
    87.5% {
        background: url(head/8.png)
    }
}

@keyframes headlun2 {
    0%,
    100% {
        background: url(head/2.png)
    }
    25% {
        background: url(head/4.png)
    }
    50% {
        background: url(head/6.png)
    }
    75% {
        background: url(head/7.png)
    }
}