.what-are-peptides-page {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}

.what-are-peptides-page::before,
.what-are-peptides-page::after {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0.16;
  pointer-events: none;
}

.what-are-peptides-page::before {
  top: 1100px;
  background: url("../../images/home-decor-1.webp") center / 100% 100% no-repeat;
  aspect-ratio: 1440 / 1985;
}

.what-are-peptides-page::after {
  bottom: 0;
  background: url("../../images/home-decor-2.webp") center -150px / 100% auto
    no-repeat;
  aspect-ratio: 1440 / 2307;
}

.peptides-page {
  overflow: hidden;
}

@media (max-width: 1439px) {
  .what-are-peptides-page {
    --peptides-decor-one-shift: calc(864px - 60vw);
    --peptides-decor-two-shift: calc(1440px - 100vw);
  }

  .what-are-peptides-page::before {
    top: calc(1200px + var(--peptides-decor-one-shift));
  }

  .what-are-peptides-page::after {
    bottom: var(--peptides-decor-two-shift);
  }
}

@supports (overflow: clip) {
  .what-are-peptides-page {
    overflow-x: clip;
  }

  .peptides-page {
    overflow: clip;
  }
}