.about-hero__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}

.about-hero__photo-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 17, 20, .88) 0%, rgba(15, 17, 20, .73) 49%, rgba(15, 17, 20, .77) 100%);
  pointer-events: none;
}

.about-hero > .wrap {
  position: relative;
  z-index: 2;
}

@media (max-width: 760px) {
  .about-hero__photo { object-position: 51% center; }
  .about-hero__photo-shade { background: rgba(15, 17, 20, .78); }
}