.books-hero {
  min-height: 570px;
  display: flex;
  align-items: center;
  isolation: isolate;
}

.books-hero__background,
.books-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.books-hero__background {
  display: block;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.books-hero__shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(11, 11, 14, .95) 0%, rgba(11, 11, 14, .75) 43%, rgba(11, 11, 14, .12) 78%);
  pointer-events: none;
}

.books-hero::after { display: none; }
.books-hero .wrap { width: 100%; }
.books-hero .hub-hero__inner { display: block; }
.books-hero .hub-hero__left { max-width: 560px; }

@media (max-width: 760px) {
  .books-hero { min-height: 570px; }
  .books-hero__background { object-position: 58% center; }
  .books-hero__shade { background: linear-gradient(90deg, rgba(11, 11, 14, .92), rgba(11, 11, 14, .72)); }
}