.hero,
.sub-hero,
.banner,
.page-hero{
  background:
    linear-gradient(90deg, rgba(17,24,39,.96) 0%, rgba(17,24,39,.78) 48%, rgba(17,24,39,.38) 100%),
    url('/assets/img/slider/slider.webp') center/cover no-repeat !important;
}

@media(max-width:768px){
  .hero,
  .sub-hero,
  .banner,
  .page-hero{
    background:
      linear-gradient(180deg, rgba(17,24,39,.96), rgba(17,24,39,.75)),
      url('/assets/img/slider/slider-mobile.webp') center/cover no-repeat !important;
  }
}