html:has(.sticky-bg) {
overflow-y: visible;
}
body:has(.sticky-bg) {
overflow-y: auto;
height: 100vh;
}
.sticky-bg {
position: relative;
}
.sticky-bg>.textfragment {
display: contents;
}
.sticky-bg>.textfragment div {
position: static;
}
.sticky-bg>.textfragment>div:first-child {
position: sticky;
top: 15vh;
z-index: -1;
opacity: .6;
height: 25vw;
margin-top: calc(-25vw * 0.4);
}
.sticky-bg>.textfragment>div:first-child>div {
position: relative;
left: calc((50vw - 50%) * -1);
left: calc((50vw - 50% + 17px) * -1);
}
.sticky-bg>.textfragment>div:first-child>div .image-wrapper {
width: calc(100vw - 17px);
}
.content>div:not(:first-child):not(.sticky-bg),
.sticky-bg>.elementlist {
background: #fffc;
box-shadow: 0 0 20px 20px #fffc;
}