.hero.has-background-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero.has-background-image > div {
  position: relative;
  z-index: 1;
}

.hero.has-background-image h1 {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
}

.hero-orb {
  background: var(--orb-color, #ffffff) !important;
}