.header-banner.static-banner,
.directory-search-hero {
  background-color: #dce6ee;
  background-image: url("../backgrounds/fr.webp");
  background-position: center 57%;
}

[data-theme="dark"] .header-banner.static-banner,
[data-theme="dark"] .directory-search-hero {
  background-color: #17243b;
}

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