.parallax{position:relative;overflow:hidden;width:100%;height:75vh}.parallax,.parallax-image{--image-position-top:10vw;--image-position-top-invert:-10vw}.parallax-image{position:absolute;min-width:100%;min-height:100%;--image-transform-translate-left:50%;--image-transform-translate-left-invert:-50%;--image-transform-translate-y:0px}@media (orientation: landscape){.parallax{max-height:calc(75vw - var(--image-position-top))}.parallax-image{width:100%;top:var(--image-position-top-invert);transform:translateY(var(--image-transform-translate-y))}}@media (orientation: portrait){.parallax-image{height:100%;min-width:auto;left:var(--image-transform-translate-left);transform:translate(var(--image-transform-translate-left-invert),var(--image-transform-translate-y))}}.parallax-content{color:var(--white-color);height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 1rem;background:linear-gradient(270deg,transparent,var(--black-color-50))}