Skrócenie kodu CSS

Witam.

Mam kod który wydaje się mi nadmiarowy, ale nieużywam jeszcze żadnego preprocesora css, żeby go skrócić.

Mam wyskakujący div z przyciskiem, po naciśnięciu przycisku div się chowa, tło się przesuwa i wyskakuje nowy div z nowym przyciskiem. 

.movie-bg1 {
    animation-duration: 4s;
    animation-name: zoom-out;
    animation-fill-mode: forwards;
}
@keyframes zoom-out {
    from {background-size: 250% 250%;}
    50% {background-size: 100% 100%;}
    66% {background-size: 100% 100%;}
    to  {background-size: 250% 250%;
        background-position: 85% 0;}
}

Czy muszę powtórzyć ten kod 6 razy (tyle mam divów), aby tylko zmienić background-position (dla każdego diva inny)?