body{scroll-behavior:smooth}:root{--slides-in-view: 2;--slide-width: 180px;--slide-height: 180px;--iteration-time: 60s;z-index:0}@media (max-width: 768px){:root{--slides-in-view: 1;--slide-width: 100vw;--slide-height: 100vw;--iteration-time: 30s}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(var(--slide-width) * var(--no-of-slides) * -1))}}.carousel__wrapper{display:flex;align-items:center;overflow:hidden;margin:0 auto;z-index:0;width:100%;max-width:100vw}.carousel{overflow:hidden;width:100%;z-index:0}.carousel__slide{animation:scroll var(--iteration-time) linear infinite;display:flex;flex-direction:column;flex:0 0 auto;width:var(--slide-width);height:var(--slide-height);box-sizing:border-box;z-index:0}.carousel__image{background-repeat:no-repeat;z-index:0;object-fit:cover;width:100%;height:100%}@media (max-width: 768px){.carousel__wrapper{max-width:100vw}.carousel__slide{width:100vw;height:100vw}}