.brands-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 25px;
        padding: 15px 0;
    }

    .brand-logo-wrapper {
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 120px; 
        max-height: 80px; 
        overflow: hidden;
    }

    .brand-logo-wrapper img {
        width: auto;
        height: 100%;
        object-fit: contain;
        /**filter: grayscale(100%);
        transition: filter 0.3s ease-in-out;**/
    }

    .brand-logo-wrapper:hover img {
        filter: grayscale(0%);
    }