.brands-container {
            width: 100%;
            overflow: hidden;
            box-shadow: 0px 0px 6px 3px var(--bs-pink);
        }

        .brands {
            color: #313437;
            background: linear-gradient(rgba(137, 47, 125, 0.2) 53%, rgb(98, 82, 195) 97%, rgba(255, 255, 255, 0) 100%), #752f7c;
            box-shadow: 0px 0px 6px 3px var(--bs-pink);
            overflow: hidden;
        }

        .brand-images {
            display: flex;
            animation: marquee 15s linear infinite; 
        }

        .brand-images img {
            margin: 5px 10px;
            vertical-align: middle;
            
        }

        @keyframes marquee {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%); 
            }
        }