.about-page-banner {
  background-color: #f3f9f7;
}
.about-page-banner .apb-content {
  padding: 100px 0;
}

@media (min-width: 768px) {
  .about-page-banner {
    background: var(--about-banner-bg-image);
    background-position: center;
    background-size: cover;
    position: relative;
  }
  .about-page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(270.24deg, rgba(0, 0, 0, 0) 0.19%, rgba(0, 0, 0, 0.43911) 54.86%, rgba(0, 0, 0, 0.551354) 68.84%, rgba(0, 0, 0, 0.68675) 85.69%, rgba(0, 0, 0, 0.8) 99.79%);
  }
  .about-page-banner .apb-content {
    max-width: 706px;
    padding: 132px 0;
    color: #fff;
    position: relative;
    z-index: 2;
  }
  .about-page-banner .apb-content p,
  .about-page-banner .apb-content h1 {
    color: #fff;
  }
}