#grid {
  display: flex;
  justify-content: false;
  align-items: flex-end;
  width: calc(5rem * 10);
  height: 30rem;
  border-bottom: 0.3rem solid #fff;
}
#grid > div {
  width: 5rem;
  height: 5rem;
}
#grid .alien {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../img/alien.webp");
  transition: transform 0.4s ease;
}
#grid .alien-jump {
  transform: translate(0, -120%);
}
#grid .plant:not(.alien) {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../img/plant.webp");
}

@media only screen and (max-width: 1080px) {
  #grid {
    height: 15rem;
    width: calc(5rem / 2.2 * 10);
  }
  #grid > div {
    width: calc(5rem / 2.2);
    height: calc(5rem / 2.2);
  }
}/*# sourceMappingURL=running-alien-style.css.map */