/* 1. Override the theme header container */
.zoneHeaderOuter {
  width: 100% !important;
  height: 80vh !important;
  background: url('http://urbanhistory.org/resources/Pictures/Screen%20Shot%202025-04-23%20at%204.40.26%20PM.png')
              center center / cover no-repeat !important;
}

/* 2. Fallback for inline <img> elements */
.zoneHeaderOuter img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* 3. Mobile-specific height adjustment */
@media (max-width: 768px) {
  .zoneHeaderOuter,
  .zoneHeaderOuter img {
    height: 30vh !important;
  }
}