.logo-slider {
width: 100%;
position: relative;
overflow: hidden;
}
.logo-slider::before,
.logo-slider::after {
content: "";
position: absolute;
top: 0;
width: 10em;
height: 100%;
z-index: 2;
pointer-events: none;
}
.logo-slider::before {
left: 0;
background: linear-gradient(to right, #010614 60%, transparent 100%);
}
.logo-slider::after {
right: 0;
background: linear-gradient(to left, #010614 60%, transparent 100%);
}
.slider-track {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.logo-item {
display: flex;
align-items: center;
justify-content: center;
}
.logo-item img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
}