#v4 .hero-container .dark-overlay {opacity: 0;}
.csc-slideshow {
width: 150px;
position: absolute;
right: 30px;
left: 30px;
bottom: 0;
z-index: 1;
height: 100%;
margin: auto;
aspect-ratio: 1;
background: url(https://multimedia.valamar.com/mediagallery-dxp-production/csc-slider-bg.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
@media (min-width:768px) {
width: 230px;
left: auto;
}
@media (min-width:1024px) {
width: 300px;
}
}
.csc-slideshow img {
position: absolute;
bottom: 0;
opacity: 0;
transition: opacity .7s cubic-bezier(.2, 0, .41, 1), visibility .7s cubic-bezier(.2, 0, .41, 1);
}
.csc-slideshow img.visible {
opacity: 1;
}
