.hero:after{
  background:linear-gradient(90deg,rgba(55,67,74,.88) 0%,rgba(55,67,74,.76) 31%,rgba(55,67,74,.52) 47%,rgba(55,67,74,.24) 64%,rgba(55,67,74,.06) 82%,rgba(55,67,74,0) 100%);
}
.hero-media{
  inset:0;
  background-image:url("hero-kvp-dwg-v2.webp");
  background-position:center;
  background-size:cover;
}
.hero-media:before{display:none}
@media(max-width:760px){
  .hero:after{background:linear-gradient(0deg,rgba(55,67,74,.94) 0%,rgba(55,67,74,.72) 48%,rgba(55,67,74,.18) 78%,rgba(55,67,74,0) 100%)}
  .hero-media{background-position:58% center;opacity:1}
  .hero-media:before{display:none}
}