.p-section-parallax {
  --padding__content: calc( var(--v-spacing__md) * 1.5 );

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30vh;
}

.p-section-parallax::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0;
  background-color: var(--v-color__1--transparent--alt1);
}

.p-section-parallax__image,
.p-section-parallax__image-picture {
  position: absolute;
  z-index: 10;
  inset: 0;
}

.p-section-parallax__content {
  color: var(--v-color__2);
  text-align: center;
  position: relative;
  z-index: 30;
  padding-top: var(--padding__content);
  padding-bottom: var(--padding__content);
}

.p-section-parallax__content-image {
  max-width: 6rem;
  margin-bottom: var(--v-spacing__p);
}

@media (min-width: 700px) {
  .p-section-parallax {
    min-height: 40vh;
  }

  .p-section-parallax__content-image {
    max-width: 10rem;
  }
}