.brand-ribbon {
overflow: hidden;
white-space: nowrap;
position: relative;
background: white;
padding: 25px 0;
}

.brand-ribbon {
display: flex;
gap: 60px;
animation: scrollBrands 25s linear infinite;
}

.brand-ribbon img {
height: 60px;
width: auto;
opacity: 0.8;
transition: 0.3s;
}

.brand-ribbon img:hover {
opacity: 1;
transform: scale(1.05);
}

@keyframes scrollBrands {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}