#flyingBirdImg {
  width: 1520px;
  height: 830px;
  position: relative;
}

#animate {
  /* background: url("./img/New folder/img1.png") ; */
  /* background-size: auto 110%; */
    /* transition: 2s;
  transition-timing-function: ease-in-out; */
  width: 40px;
  height: 40px;
  position: absolute;
}


#animate img{
  width: 60px;
  height: 60px;
  position: absolute;
}

#flyingBirdImg button{
  width: 70px;
  height: 70px;
  position: absolute;
  background: transparent;
  border: none ;
  font-size:0;
}












































/* .bird{
    background: url('./img/flyingbird.png');
    background-size: auto 100%;
    width:350px;
    height: 500px;
    will-change: background-position;

    animation-name: fly-cycle;
    animation-duration: 3s;
    animation-delay:-1 ;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
}
.bird_container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  will-change: transform;
}
@keyframes fly-cycle{
  100%{
    background-position: -3600px 0;
  }
}

 */


/* #flyingBirdImg{
  background: url("./img/flyingBirdImg.png") ;
  background-size: auto 100%;
  width: 230px;
  height: 250px;
  /* will-change: background-position;

  
  animation-name: fly-cycle;
    animation-duration: 1s;
    animation-delay: -1 ;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite; */
/* } */

/* @keyframes fly-cycle{
  100%{
    background-position: -4000px 0;
  }
} */