.hero {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-indg-political-conflicts {
  background-image: url('/_flysystem/fedora/2026-03/mirna-wabi-sabi-5AXlE4tOEPY-unsplash.jpg');
}

.hero-int-law {
  background-image: url('/_flysystem/fedora/2026-03/matthew-tenbruggencate-0HJWobhGhJs-unsplash.jpg');
}

.hero-indg-env-justice {
  background-image: url('/_flysystem/fedora/2026-03/boudhayan-bardhan-Af4ji6eI-2U-unsplash.jpg');
}

.hero-indg-health {
  background-image: url('/_flysystem/fedora/2026-03/ikshana-productions--gukTrw5PzY-unsplash.jpg');
}

.hero-indg-nutrition {
  background-image: url('/_flysystem/fedora/2026-03/rudy-dong-VuBg3cG74A8-unsplash.jpg');
}

/* Desktop */
@media screen and (min-width: 1024px) {
  .hero {
    width: 100vw;
    height: 70vh;
    min-height: 600px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    aspect-ratio: auto; /* important: remove 16:9 constraint */
  }
}