/* Hero background */
.hero {
  height: 440px;                    /* такая же высота, как раньше */
  background: url("/img/grass.jpg") center/cover no-repeat;
  position: relative;
}

/* тёмный фильтр, чтобы текст читался */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0 0 0 / 0.35);
  z-index: 0;
}

/* гарантируем, что контент выше оверлея */
.hero > * {
  position: relative;
  z-index: 1;
}