@media (max-width: 700px) {
  .hero-slide::after {
    background: linear-gradient(
      90deg,
      rgba(4, 18, 34, 0.96),
      rgba(4, 18, 34, 0.88) 72%,
      rgba(4, 18, 34, 0.66)
    );
  }
}