.header-banner.static-banner,
.directory-search-hero {
  background-color: #e3e2d3;
  background-image: url("../backgrounds/it.webp");
}

[data-theme="dark"] .header-banner.static-banner,
[data-theme="dark"] .directory-search-hero {
  background-color: #172d26;
  background-image: linear-gradient(rgba(9, 19, 16, .7), rgba(9, 19, 16, .7)), url("../backgrounds/it.webp");
}

@media (max-width: 767px) {
  .header-banner.static-banner,
  .directory-search-hero {
    background-image: url("../backgrounds/it-m.webp");
  }

  [data-theme="dark"] .header-banner.static-banner,
  [data-theme="dark"] .directory-search-hero {
    background-image: linear-gradient(rgba(9, 19, 16, .7), rgba(9, 19, 16, .7)), url("../backgrounds/it-m.webp");
  }
}