.journey.section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.journey-face-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 350px;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      #f5eee8 0%,
      #f5eee8 48%,
      rgba(245, 238, 232, .92) 60%,
      rgba(245, 238, 232, .35) 80%,
      rgba(245, 238, 232, .08) 100%),
    url("assets/fotos/journey-rosto-perfil-bg.png") right center / cover no-repeat;
  opacity: .72;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
}

.journey .eyebrow,
.journey h2,
.journey .steps {
  position: relative;
  z-index: 1;
}

@media (max-width: 800px) {
  .journey-face-bg {
    height: 310px;
    background:
      linear-gradient(180deg,
        rgba(245, 238, 232, .86) 0%,
        rgba(245, 238, 232, .95) 52%,
        #f5eee8 76%),
      url("assets/fotos/journey-rosto-perfil-bg.png") 72% top / auto 58% no-repeat;
    opacity: .42;
  }

}