.hero-photo {
  position: relative;
  overflow: hidden;
  background: #2d1f18 url("assets/hoover-with-austin-mayor-stage.jpg") center 42% / cover no-repeat;
}

.hero-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(14, 21, 17, 0.14));
  pointer-events: none;
}

.hero-photo .quote-card {
  z-index: 1;
}

@media (max-width: 590px) {
  .hero-photo {
    background-position: center center;
  }
}