.bird-cage 
{
    display: none;
}

@media screen and (min-width: 1100px) and (orientation: landscape) 
{

    .bird-cage
    {
        display: block !important;
        position: relative;
        top: 5vh;
        width: 100%;
        overflow:hidden;
        margin-bottom:-500px;
    }

    .bird 
    {
        background-image: url('../assets/bird-sprite.svg');
        filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(180deg) brightness(90%) contrast(80%);
        background-size: auto 100%;
        width: 88px;
        height: 125px;
        will-change: background-position;
        animation-name: fly-cycle;
        animation-timing-function: steps(10);
        animation-iteration-count: infinite;
    }

    .bird-one
    {
        animation-duration: 1s;
        animation-delay: -0.5s;

    }
    .bird-two{ 
    animation-duration: 0.9s; 
    animation-delay: -0.75s; 
    }
    .bird-three{
        animation-duration:1.25s;
        animation-delay: -0.25s

    }
    .bird-four {
        animation-duration: 1.1s;
        animation-delay: -0.5s;
    }

    .bird-container {
        transform: scale(0) translateX(-10vw);
        will-change: transform;
        position: relative;
        animation-name: fly-right-one;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        top: 15%;
        left: -35%;
    }
        
    .bird-container-one{
        animation-duration: 25s;
        animation-delay: 0;
    }
        
    .bird-container-two{
        animation-duration: 26s;
        animation-delay: 6s;
    }
        
    .bird-container-three{
        animation-duration: 24.6s;
        animation-delay: 14.5s;
    }
        
    .bird-container-four {
            animation-duration: 26s;
            animation-delay: 15.25s;
    }

    @keyframes fly-cycle {
        
        100% {
            background-position: -900px 0;
        }
        
    }

    @keyframes fly-right-one {
        
        0% {
            transform: scale(0.3) translateX(-10vw);
        }
        
        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(190vw) scale(0.6);
        }
        
    }

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