.page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(6,26,30,.82), rgba(6,26,30,.5) 48%, transparent 80%);
}
@media (max-width: 767px) {
  .page-header-bg { object-position: center bottom; }
  .page-header::before { background: linear-gradient(180deg, rgba(6,26,30,.16), transparent 65%); }
}