.brands{position:relative;width:100%;max-width:1200px;padding:20px 0;overflow:hidden;margin:0 auto;background:#fff}.brands-title{font-family:sans-serif;display:flex;color:#141414;justify-content:center;margin-bottom:30px;font-size:24px}.brands-container{width:100%;position:relative;min-height:100px}.logos-wrapper{display:flex;width:500%;animation:slide 20s linear infinite}.logo{flex:0 0 auto;margin:0 20px;transition:transform .3s ease}.logo img{height:60px;width:auto;filter:grayscale(1);opacity:.7;transition:all .3s ease}.logo:hover img{filter:grayscale(0);opacity:1;transform:scale(1.1)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.brands:before,.brands:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.brands:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.brands:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.brands-container:hover .logos-wrapper{animation-play-state:paused}