.logo-parceiros_logo {
width: 146px;
height: auto;
max-width: 100%;
padding-right: 3rem;
}
@keyframes slides {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.logos {
overflow: hidden;
padding-top: 2rem;
white-space: nowrap;
position: relative;
}
.logos:before,
.logos:after {
position: absolute;
top: 0;
content: "";
width: 15%;
height: 100%;
z-index: 2;
}
.logos:before {
left: 0;
background: linear-gradient(
to left,
rgba(255, 255, 255, 0),
rgb(255, 255, 255)
);
}
.logos:after {
right: 0;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0),
rgb(255, 255, 255)
);
}
.logo_items {
display: inline-block;
animation: 35s slides infinite linear;
width: max-content;
}
.logos:hover .logo_items {
animation-play-state: paused;
}
@media (max-width: 768px) {
.logo_items {
animation: 10s slides infinite linear;
}
}