.hero {
  background: url("/static/dementia_passport/hero.74f12bbe02c1.webp") no-repeat center center/cover;
  background-attachment: fixed;
  min-height: 100vh;
}

.hero::before {
  background-color: rgba(255, 255, 255, 0.62);
}

.hero-content {
  max-width: 460px;
}

@media (max-width: 768px) {
  .hero {
    background-attachment: scroll;
    min-height: 90vh;
  }
}