.slider-wrapper{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 15%,#fff 85%,transparent);mask-image:linear-gradient(90deg,transparent,#fff 15%,#fff 85%,transparent)}.slider{display:flex;width:-moz-max-content;width:max-content;animation:slideAnimation 30s linear infinite}.slide{flex-shrink:0;width:300px;height:300px;margin-right:20px;overflow:hidden;transition:filter .3s ease}.slide,.slide img{border-radius:16px}.slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@keyframes slideAnimation{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * (300px + 20px) * 6))}}.slider-wrapper:hover .slide{filter:grayscale(1)}.slider-wrapper .slide:hover{filter:grayscale(0)}@media (max-width:639px){.slide{width:100px;height:100px}@keyframes slideAnimation{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * (100px + 20px) * 6))}}}