.page-hero {
  height: 25vh;
  min-height: 220px;
  position: relative;
}

.page-hero-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.page-hero-overlay {
  background: rgba(62, 77, 63, 0.65); /* olive overlay */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-hero-title {
  font-family: "Great Vibes", cursive;
  color: #000;
  font-size: clamp(2.5rem, 5vw, 4rem);
  text-align: center;
}