.about-geography {
  display: grid;
  gap: var(--space-xl);
  padding-block: var(--space-2xl);
  background: var(--color-surface-dark);
  color: var(--color-on-accent);
}

.about-geography__map {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 696;
  border: .5px solid var(--color-border-map);
  overflow: hidden;
}

.about-geography__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (width <= 48rem) {
  .about-geography__map { aspect-ratio: 3 / 2; }
}