#about {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#about::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0 0 0 42%;
  background: url("../assets/AA2E8748-3186-4705-9B17-4CFE56025423_0.jpg") center 56% / cover no-repeat;
  opacity: 0.34;
  filter: saturate(0.65) contrast(1.08);
}
#about::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #090a09 0%, #090a09 31%, rgba(9, 10, 9, 0.88) 47%, rgba(9, 10, 9, 0.58) 72%, rgba(9, 10, 9, 0.72) 100%), linear-gradient(180deg, #090a09 0%, transparent 23%, transparent 76%, #090a09 100%);
}
#about .wrap {
  position: relative;
  z-index: 1;
}
@media (max-width: 800px) {
  #about .split h2 {
    font-size: clamp(26px, 8vw, 34px);
    letter-spacing: .03em;
    white-space: nowrap;
  }
  #about::before {
    inset: 0;
    background-position: 58% center;
    opacity: 0.42;
  }
  #about::after {
    background: linear-gradient(180deg, rgba(9, 10, 9, 0.78) 0%, rgba(9, 10, 9, 0.46) 34%, rgba(9, 10, 9, 0.64) 72%, rgba(9, 10, 9, 0.9) 100%), linear-gradient(90deg, rgba(9, 10, 9, 0.58), rgba(9, 10, 9, 0.3));
  }
}