/* Make the background behave like a hero banner */
.header__hero {
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}

/* Dark overlay: improve text contrast */
.header__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);   /* tweak opacity to taste */
}

/* Ensure content sits above the overlay */
.header__hero .header__container {
  position: relative;
  padding: 3rem 1rem;            /* extra top/bottom space */
}

/* Make the title readable on the photo */
.logo__title,
.logo__tagline,
.logo__img { color: #fff; }