#custom-gsap-slider {
position: relative;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: transparent; 
margin-left: calc(-50vw + 50%); 
}
#custom-gsap-slider * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#custom-gsap-slider .logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90vw;
z-index: 50;
text-align: center;
pointer-events: none;
}
#custom-gsap-slider .logo a {
display: inline-block;
pointer-events: auto; 
}
#custom-gsap-slider .logo img {
width: 100%;
height: auto;
display: block;
mix-blend-mode: difference;
filter: invert(1);
}
#custom-gsap-slider .slider {
width: 100%;
height: 100%;
position: relative;
}
#custom-gsap-slider .slider-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#custom-gsap-slider .slide {
position: absolute;
bottom: 0; 
left: 0;
will-change: transform, width, height;
width: 15vw; 
height: 25vh; 
}
#custom-gsap-slider .slide a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
#custom-gsap-slider .slide img,
#custom-gsap-slider .slide video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}