.illu-aside > .elementlist > div:first-child{
display: none;
}
@media (min-width: 992px){
html{
_overflow-x: unset;
}
.illu-aside > .elementlist{
--height-header: calc(50px + 36px);
display: flex;
flex-wrap: nowrap;
}
.illu-aside > .elementlist > div{
padding: 0;
}
.illu-aside > .elementlist > div:first-child{
display: block;
flex: 0 0 20%;
}
.illu-aside > .elementlist > div:last-child{
flex: 0 0 80%;
}
.illu-aside > .elementlist > div:first-child > div{
position: sticky;
top: var(--height-header);
bottom: 0;
left: -10%;
z-index: 0;
height: calc(100vh - var(--height-header));
}
.illu-aside > .elementlist > div:first-child .elementlist{
position: relative;
display: block;
height: 100%;
}
.illu-aside > .elementlist > div:first-child .elementlist > div{
position: static;
}
.illu-aside > .elementlist > div:first-child .elementlist > div > div{
opacity: 0;
transition: opacity .4s;
}
.illu-aside > .elementlist > div:first-child .elementlist > div > div.active{
opacity: 1;
}
.illu-aside > .elementlist > div:first-child .image-wrapper{
position: static;
}
.illu-aside > .elementlist > div:first-child .image-wrapper img.full-width{
position: absolute;
inset: 0 0 0 auto;
width: auto;
height: 100%;
transform: scaleX(-1);
}
}
@media (min-width: 992px){
.illu-aside > .elementlist > div:first-child{
_flex: 0 0 10%;
}
.illu-aside > .elementlist > div:last-child{
_flex: 0 0 90%;
}
}
@media (min-width: 1200px){
.illu-aside > .elementlist > div:first-child{
flex: 0 0 33%;
}
.illu-aside > .elementlist > div:last-child{
flex: 0 0 66%;
}
}