.hero .wrap { z-index: 2; }
.hero { background-size: cover; background-position: center; }
.hero::before {
  z-index: 1;
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(4,9,17,.97) 0%, rgba(4,9,17,.86) 42%, rgba(4,9,17,.25) 100%);
}
.hero::after { z-index: 1; }