.hero {
  background-image: url("/images/chloecraft-city-75aabbaf.jpg");
  background-position: center center;
}

.button-map {
  background: var(--cyan);
  border-color: var(--white);
  box-shadow: 6px 6px 0 var(--lime);
  color: var(--ink);
}

.button-map:hover {
  box-shadow: 8px 8px 0 var(--lime);
}

.glimpse-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.glimpse-village {
  background-image: url("/images/chloecraft-city-75aabbaf.jpg");
  background-position: center center;
}

.glimpse-crystals {
  background-image: url("/images/chloecraft-valley-f41f2751.jpg");
  background-position: center center;
}

.glimpse-river {
  background-image: url("/images/chloecraft-bucees-a9b56da3.jpg");
  background-position: center center;
}

@media (width <= 860px) {
  .hero {
    background-position: center center;
  }
}

@media (width <= 560px) {
  .hero {
    background-position: 56% center;
  }
}