.hero-visual {
  background: linear-gradient(rgba(13,36,25,.03), rgba(13,36,25,.22)), url('../images/photos/mateesti-apus-01.jpg') center/cover;
}

.hero-visual::before {
  inset: 0;
  border-radius: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(12,35,24,.55));
}