#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; }