@keyframes slide-ltr{0%{transform:translateX(calc(-50%))}to{transform:translateX(0)}}.marquee-container{display:flex;width:fit-content;animation:slide-ltr 30s linear infinite}.marquee-container:hover{animation-play-state:paused}.marquee-container:hover .marquee-item{opacity:.5;filter:grayscale(40%)}.marquee-item{flex-shrink:0;width:300px;height:400px;margin:0 15px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.25,1,.5,1);cursor:pointer;position:relative;z-index:1}.marquee-item:hover{opacity:1!important;filter:grayscale(0)!important;transform:scale(1.05) translateY(-10px);z-index:10;box-shadow:0 5px 20px rgba(0,0,0,.5)}.marquee-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.25,1,.5,1)}.marquee-item:hover img{transform:scale(1.15)}html[data-theme=dark] .marquee-item{box-shadow:0 10px 30px rgba(255,255,255,.05)}html[data-theme=dark] .marquee-item:hover{box-shadow:0 20px 50px rgba(255,255,255,.15)}@media (max-width:767px){.marquee-item{width:220px;height:300px;margin:0 10px}}@media (max-width:480px){.marquee-item{width:180px;height:250px;margin:0 8px}}