#seagull {
  position: absolute;
  width: 5%;
  left: 450px;
  bottom: 600px;
}
@media (max-width: 1600px) {
  #seagull {
    width: 8%;
    left: 450px;
    bottom: 350px;
  }
}
@media (max-width: 450px) {
  #seagull {
    width: 12%;
    left: 50px;
    bottom: 350px;
  }
}

#sea {
  position: absolute;
  width: 100%;
  left: -500px;
  bottom: -640px;
}
@media (max-width: 1600px) {
  #sea {
    width: 100%;
    left: -500px;
    bottom: -540px;
  }
}
@media (max-width: 1000px) {
  #sea {
    width: 100%;
    left: -500px;
    bottom: -400px;
  }
}
@media (max-width: 900px) {
  #sea {
    width: 100%;
    left: -500px;
    bottom: -250px;
  }
}
@media (max-width: 450px) {
  #sea {
    width: 100%;
    left: -100px;
    bottom: -50px;
  }
}

#lighthouseAndShadow {
  position: absolute;
  width: 40%;
  left: 300px;
  bottom: -80px;
}
@media (max-width: 850px) {
  #lighthouseAndShadow {
    width: 50%;
    left: -150px;
    bottom: -50px;
  }
}
@media (max-width: 450px) {
  #lighthouseAndShadow {
    width: 100%;
    left: -300px;
    bottom: -50px;
  }
}

#rock1 {
  position: absolute;
  width: 30%;
  left: -200px;
  bottom: -70px;
}
@media (max-width: 450px) {
  #rock1 {
    width: 100%;
    left: -500px;
    bottom: -150px;
  }
}

#cloud-left {
  position: absolute;
  width: 20%;
  left: -200px;
  bottom: 380px;
}
@media (max-width: 450px) {
  #cloud-left {
    width: 30%;
    left: -100px;
    bottom: 500px;
  }
}/*# sourceMappingURL=anim-mm.css.map */