.bird {
    background-image: url(layers/birds_cells.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird--one {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird--two {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.bird--three {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.bird--four {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    transform: scale(0.7);
}
.bird--five {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
    transform: scale(0.5);
}
.bird--six {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s;
    transform: scale(0.9);
}
.bird--seven {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
    transform: scale(0.4);
}
.bird--eight {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    transform: scale(1.2);
}
.bird-container {
    position: absolute;
    top: 40%;
    left: -7.5vw;
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird-container--one {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.bird-container--two {
    top: 60%;
    -webkit-animation-name: fly-right-two;
    animation-name: fly-right-two;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.bird-container--three {
    top: 25%;
    -webkit-animation-name: fly-right-three;
    animation-name: fly-right-three;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.bird-container--four {
    top: 10%;
    -webkit-animation-name: fly-right-four;
    animation-name: fly-right-four;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.bird-container--five {
    top: 80%;
    -webkit-animation-name: fly-right-five;
    animation-name: fly-right-five;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.bird-container--six {
    top: 50%;
    -webkit-animation-name: fly-right-six;
    animation-name: fly-right-six;
    -webkit-animation-duration: 22s;
    animation-duration: 22s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.bird-container--seven {
    top: 70%;
    -webkit-animation-name: fly-right-seven;
    animation-name: fly-right-seven;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.bird-container--eight {
    top: 15%;
    -webkit-animation-name: fly-right-eight;
    animation-name: fly-right-eight;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

@-webkit-keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
 @keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
@-webkit-keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@-webkit-keyframes fly-right-two {
    0% { left: -10%; -webkit-transform: scale(0.4); transform: scale(0.4); }
    20% { left: 20%; -webkit-transform: translateY(-2vh) scale(0.5); transform: translateY(-2vh) scale(0.5); }
    40% { left: 50%; -webkit-transform: translateY(2vh) scale(0.6); transform: translateY(2vh) scale(0.6); }
    60% { left: 80%; -webkit-transform: translateY(-1vh) scale(0.7); transform: translateY(-1vh) scale(0.7); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.7); transform: translateY(0vh) scale(0.7); }
}
@keyframes fly-right-two {
    0% { left: -10%; -webkit-transform: scale(0.4); transform: scale(0.4); }
    20% { left: 20%; -webkit-transform: translateY(-2vh) scale(0.5); transform: translateY(-2vh) scale(0.5); }
    40% { left: 50%; -webkit-transform: translateY(2vh) scale(0.6); transform: translateY(2vh) scale(0.6); }
    60% { left: 80%; -webkit-transform: translateY(-1vh) scale(0.7); transform: translateY(-1vh) scale(0.7); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.7); transform: translateY(0vh) scale(0.7); }
}

@-webkit-keyframes fly-right-three {
    0% { left: -10%; -webkit-transform: scale(0.2); transform: scale(0.2); }
    30% { left: 30%; -webkit-transform: translateY(3vh) scale(0.3); transform: translateY(3vh) scale(0.3); }
    60% { left: 70%; -webkit-transform: translateY(-2vh) scale(0.4); transform: translateY(-2vh) scale(0.4); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.5); transform: translateY(0vh) scale(0.5); }
}
@keyframes fly-right-three {
    0% { left: -10%; -webkit-transform: scale(0.2); transform: scale(0.2); }
    30% { left: 30%; -webkit-transform: translateY(3vh) scale(0.3); transform: translateY(3vh) scale(0.3); }
    60% { left: 70%; -webkit-transform: translateY(-2vh) scale(0.4); transform: translateY(-2vh) scale(0.4); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.5); transform: translateY(0vh) scale(0.5); }
}
@-webkit-keyframes fly-right-four {
    0% { left: -10%; -webkit-transform: scale(0.7); transform: scale(0.7); }
    30% { left: 30%; -webkit-transform: translateY(2vh) scale(0.8); transform: translateY(2vh) scale(0.8); }
    60% { left: 70%; -webkit-transform: translateY(-3vh) scale(0.9); transform: translateY(-3vh) scale(0.9); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(1); transform: translateY(0vh) scale(1); }
}
@keyframes fly-right-four {
    0% { left: -10%; -webkit-transform: scale(0.7); transform: scale(0.7); }
    30% { left: 30%; -webkit-transform: translateY(2vh) scale(0.8); transform: translateY(2vh) scale(0.8); }
    60% { left: 70%; -webkit-transform: translateY(-3vh) scale(0.9); transform: translateY(-3vh) scale(0.9); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(1); transform: translateY(0vh) scale(1); }
}
@-webkit-keyframes fly-right-five {
    0% { left: -10%; -webkit-transform: scale(0.5); transform: scale(0.5); }
    30% { left: 40%; -webkit-transform: translateY(-1vh) scale(0.6); transform: translateY(-1vh) scale(0.6); }
    60% { left: 80%; -webkit-transform: translateY(4vh) scale(0.7); transform: translateY(4vh) scale(0.7); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.8); transform: translateY(0vh) scale(0.8); }
}
@keyframes fly-right-five {
    0% { left: -10%; -webkit-transform: scale(0.5); transform: scale(0.5); }
    30% { left: 40%; -webkit-transform: translateY(-1vh) scale(0.6); transform: translateY(-1vh) scale(0.6); }
    60% { left: 80%; -webkit-transform: translateY(4vh) scale(0.7); transform: translateY(4vh) scale(0.7); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.8); transform: translateY(0vh) scale(0.8); }
}
@-webkit-keyframes fly-right-six {
    0% { left: -10%; -webkit-transform: scale(0.9); transform: scale(0.9); }
    30% { left: 30%; -webkit-transform: translateY(1vh) scale(1); transform: translateY(1vh) scale(1); }
    60% { left: 60%; -webkit-transform: translateY(-2vh) scale(1.1); transform: translateY(-2vh) scale(1.1); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(1.2); transform: translateY(0vh) scale(1.2); }
}
@keyframes fly-right-six {
    0% { left: -10%; -webkit-transform: scale(0.9); transform: scale(0.9); }
    30% { left: 30%; -webkit-transform: translateY(1vh) scale(1); transform: translateY(1vh) scale(1); }
    60% { left: 60%; -webkit-transform: translateY(-2vh) scale(1.1); transform: translateY(-2vh) scale(1.1); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(1.2); transform: translateY(0vh) scale(1.2); }
}
@-webkit-keyframes fly-right-seven {
    0% { left: -10%; -webkit-transform: scale(0.4); transform: scale(0.4); }
    30% { left: 25%; -webkit-transform: translateY(1vh) scale(0.5); transform: translateY(1vh) scale(0.5); }
    60% { left: 75%; -webkit-transform: translateY(-2vh) scale(0.6); transform: translateY(-2vh) scale(0.6); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.7); transform: translateY(0vh) scale(0.7); }
}
@keyframes fly-right-seven {
    0% { left: -10%; -webkit-transform: scale(0.4); transform: scale(0.4); }
    30% { left: 25%; -webkit-transform: translateY(1vh) scale(0.5); transform: translateY(1vh) scale(0.5); }
    60% { left: 75%; -webkit-transform: translateY(-2vh) scale(0.6); transform: translateY(-2vh) scale(0.6); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(0.7); transform: translateY(0vh) scale(0.7); }
}
@-webkit-keyframes fly-right-eight {
    0% { left: -10%; -webkit-transform: scale(1.2); transform: scale(1.2); }
    30% { left: 40%; -webkit-transform: translateY(4vh) scale(1.1); transform: translateY(4vh) scale(1.1); }
    60% { left: 80%; -webkit-transform: translateY(-2vh) scale(1.0); transform: translateY(-2vh) scale(1.0); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(1.3); transform: translateY(0vh) scale(1.3); }
}
@keyframes fly-right-eight {
    0% { left: -10%; -webkit-transform: scale(1.2); transform: scale(1.2); }
    30% { left: 40%; -webkit-transform: translateY(4vh) scale(1.1); transform: translateY(4vh) scale(1.1); }
    60% { left: 80%; -webkit-transform: translateY(-2vh) scale(1.0); transform: translateY(-2vh) scale(1.0); }
    100% { left: 110%; opacity: 1; -webkit-transform: translateY(0vh) scale(1.3); transform: translateY(0vh) scale(1.3); }
}