@media (min-width: 60em) {
  .parallax-bg {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 30em) and (max-width: 60em) {
  .parallax-bg {
    padding-bottom: clamp( 3.125rem , 0.0000000625rem  +  10.4166666667vw , 6.25rem );
  }
}
@media (max-width: 30em) {
  .parallax-bg {
    padding-bottom: 3.125rem;
  }
}
.parallax-bg__wrapper {
  position: relative;
  border-radius: 0.625rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.parallax-bg__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% calc(-50% + var(--offset, 0px));
  width: 100%;
  height: calc(100% + var(--bg-offset, 20%));
}
.parallax-bg__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (width < 47.99875em) {
  .parallax-bg__bg img {
    -o-object-position: 0 0;
       object-position: 0 0;
  }
}
.parallax-bg__content {
  position: relative;
}