/* Randomized public page hero backgrounds. Index keeps its video hero. */

.page-hero {
  --mtii-hero-image: url("../img/hero/HERO0007.jpeg");
  --mtii-hero-position: center center;
  background:
    linear-gradient(90deg, rgba(7, 20, 38, 0.9), rgba(18, 62, 102, 0.54)),
    var(--mtii-hero-image) var(--mtii-hero-position) / cover no-repeat;
}

.page-hero[data-hero-ready="true"] {
  background:
    linear-gradient(90deg, rgba(7, 20, 38, 0.9), rgba(18, 62, 102, 0.54)),
    var(--mtii-hero-image) var(--mtii-hero-position) / cover no-repeat;
}