.sc-page-hero--bg-about::before {
  background-image:
    linear-gradient(120deg, rgba(155, 103, 255, 0.2), transparent 34%),
    linear-gradient(135deg, rgba(255, 159, 67, 0.16), transparent 46%),
    url("../../img/hero/luxbetto-about-hero-bg.webp");
}

@media (min-width: 768px) {
  .sc-page-hero--bg-about::before {
    background-image:
      linear-gradient(120deg, rgba(155, 103, 255, 0.2), transparent 34%),
      linear-gradient(135deg, rgba(255, 159, 67, 0.16), transparent 46%),
      url("../../img/hero/luxbetto-about-hero-bg.webp");
  }
}