body {
  max-width: 500px;
  height: 100vh;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  display:flex;
  flex-direction: column;
  justify-content: center;
}
img {
  max-width: 500px;
  width: 100vw;
}
h1 {
  font-family: "Damion", cursive;
  text-align: center;
  font-size: xx-large;
  margin: 20px 22px 20px 22px;
}
h2 {
  font-family: 'Poppins', sans-serif;
  text-align: center;
  font-size: small;
}
.ici {
z-index: 15;
}
.header-picture {
  position: fixed;
  top: 0px;
}
.birds-picture {
  position: fixed;
  top: 0px;
  /*transform: translateX(-100px);*/
  -webkit-animation-name: mover;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: mover;
  -moz-animation-duration: 10s;
  -moz-animation-iteration-count: 1;
  animation-name: mover;
  animation-duration: 10s;
  animation-iteration-count: 1;
}

.footer-picture {
  position: fixed;
  bottom: 0px;
}

.wave-picture {
  position: fixed;
  bottom: 0px;

  -webkit-animation: 7s ease-in-out 0s infinite alternate move_eye;
  animation: 7s ease-in-out 0s infinite alternate move_eye;
}

@-webkit-keyframes move_eye { from { transform: scale(1, 0.9); } to { transform: scale(1, 1.3); }  }
        @keyframes move_eye { from { transform: scale(1, 0.9); } to { transform: scale(1, 1.3); }  }

        @-webkit-keyframes mover {
          0% { -webkit-transform: translateX(120px); }
          100% { -webkit-transform: translateX(0px); }
        } 
        @-moz-keyframes mover {
          0% { -moz-transform: translateX(120px); }
          100% { -moz-transform: translateX(0px); }
        } 
        @-o-keyframes mover {
          0% { -o-transform: translateX(120px); }
          100% { -o-transform: translateX(0px); }
        } 
        @keyframes mover {
          0% { transform: translateX(120px); }
          100% { transform: translateX(0px); }