@keyframes fly-right-one {
    0% {
        transform: scale(0.3) translateX(-20vw);
    }
    
    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    
    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    
    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    
    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    
    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    
    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    
    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@-ms-keyframes spin2 {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(-360deg); }
}
@-moz-keyframes spin2 {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes spin2 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}

.three-row img:hover{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 120000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 120000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 120000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);
    animation-name: spin;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: 3s;
}
.three-row img{
    transition: 10s;
}
.flower1{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 60s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 60s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);
    animation-name: spin;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.flower2{
    -webkit-animation-name: spin2;
    -webkit-animation-duration: 45s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin2;
    -moz-animation-duration: 45s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin2;
    -ms-animation-duration: 45s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);
    animation-name: spin2;
    animation-duration: 45s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#bird{
    animation-duration: 10s;
    transition:1s;
    z-index:500;
    width:55%;
    top:160px;
    transform: rotate(-19deg);
    position:absolute;q
    animation-duration: 16s;
    animation-delay: 1s;
    height:425px;
    width:auto
}
.bird-two{
    animation-duration: 0.9;
    animation-delay: -0.75.s;
}
.bird-container {
    position: absolute;
    top: 30%;
    left: -3%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation-name: fly-right-one;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height:20%;
}
.bird-container-two{
    animation-duration: 16s;
    animation-delay: 1s;
}