.hero .hero-shade::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgba(3, 18, 27, .14);
  pointer-events: none;
}

@media (max-width: 640px) {
  .hero .hero-shade::after {
    background: rgba(3, 18, 27, .18);
  }
}