.brial-hero-bg{
  /* gradient overlay + dynamic image provided via inline --svc-hero-image */
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,0) 100%),
    var(--svc-hero-image, url('/static/images/kuchnie/kuchnia100.jpg'));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px){
  .brial-hero-bg{
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.22) 100%),
      var(--svc-hero-image, url('/static/images/kuchnie/kuchnia100.jpg'));
  }
}