.hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.82) contrast(1.06);
}

.hero-art::after {
  background: linear-gradient(180deg, rgba(20, 42, 50, .08), rgba(20, 42, 50, .62));
}

.project-image {
  background:
    linear-gradient(180deg, rgba(20, 42, 50, .05), rgba(20, 42, 50, .55)),
    url("../assets/northline-watermain.webp") center / cover no-repeat;
}