.parallax-full-width-image {
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
.parallax-full-width-image .bp-multimedia {
    position: relative;
    height: 100svh !important;
}
.parallax-full-width-image .bp-multimedia .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
}
.parallax-full-width-image .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 83.33%;
    min-height: 40rem;
    z-index: 10;
}
@media only screen 
and (min-width : 961px) { 
    .parallax-full-width-image .bp-multimedia {
        min-height: 70rem;
    }
}
/* PREVIEW */

.block-editor-block-preview__content-iframe .parallax-full-width-image {
    height: 100rem!important;
}   


/* ANIMATION */
:where(#wrapper) .parallax-full-width-image {
    opacity: 0;
    --duration: 1s;
}
:where(#wrapper) .parallax-full-width-image.animateActive {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}
:where(#wrapper) .parallax-full-width-image.animateActive {
    --delay: 0.3s;
}