.ImageLinks{display:flex;gap:1rem}.ImageLinks .VariableHeight{max-height:0;overflow:hidden;transition:max-height .5s var(--beie-curve)}.ImageLinks .VariableHeight p{margin:0;padding:1rem 0}.ImageLinks .ImageLinks--link{position:relative;width:calc(50% - .5rem);height:60vh;transition:width .5s var(--beie-curve);padding:2rem;display:flex;justify-content:flex-start;align-items:flex-end;color:var(--white)}.ImageLinks .Description{width:30cqw}.ImageLinks:has(.ImageLinks--link:hover) .ImageLinks--link{width:calc(40% - .5rem)}.ImageLinks:has(.ImageLinks--link:hover) .ImageLinks--link:hover{width:calc(60% - .5rem)}.ImageLinks:has(.ImageLinks--link:hover) .ImageLinks--link:hover .ImageLinks--background img{opacity:0}.ImageLinks:has(.ImageLinks--link:hover) .ImageLinks--link:hover .VariableHeight{max-height:var(--height, 1000px)}.ImageLinks .ImageLinks--background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.ImageLinks .ImageLinks--background img{position:absolute;top:0;left:0;right:auto;width:66cqw;transition:opacity .5s var(--beie-curve),filter .5s var(--beie-curve)}.ImageLinks .ImageLinks--link:nth-child(2) img{object-position:left center;right:0;left:auto}@media screen and (max-width:768px){.ImageLinks{flex-direction:column;gap:.5rem}.ImageLinks .ImageLinks--link{width:100%!important;height:auto;padding:1rem;justify-content:center;align-items:center;padding-top:calc(25vh + 1rem)}.ImageLinks .ImageLinks--link:hover{width:100%;height:auto}.ImageLinks .VariableHeight{max-height:var(--height, 1000px)}.ImageLinks .Description{width:100%;padding:0}.ImageLinks .ImageLinks--background img{width:100%;height:25vh;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/image-links.css.map */