@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.logos{background:#fff;overflow:hidden;padding:60px 0;position:relative;white-space:nowrap}.logos:after,.logos:before{content:"";height:100%;position:absolute;top:0;width:250px;z-index:2}.logos:before{background:linear-gradient(270deg,hsla(0,0%,100%,0),#fff);left:-1px}.logos:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);right:-1px}.logos:hover .logos-slide{animation-play-state:paused}.logos-slide{animation:slide 20s linear infinite;display:inline-block}.logos-slide img{height:80px;margin:0;object-fit:contain}.logo{filter:grayscale(1) brightness(0);margin:10px;opacity:.5;width:calc(20% - 20px)}@media (max-width:700px){.logo{margin:10px;width:calc(33% - 20px)}.logos:after,.logos:before{width:80px}}@media (max-width:500px){.logo{margin:10px;width:calc(50% - 20px)}}@media (max-width:350px){.logo{margin:10px;width:calc(100% - 20px)}}