.ar-pagination-logo:not(.active), .ar-brands img {
    opacity: 0.4 !important;
    filter: grayscale(100%) !important;

    &:hover  {
        opacity: 1 !important;
        filter: grayscale(0) !important;

    }
}

.ar-pagination-logo {
    &:hover img {
        opacity: 1 !important;
        filter: grayscale(0) !important;
    }
}

.ar-pagination-logo:not(.active) img, 
.ar-brands img {
    transition: opacity .3s ease-in-out;
    display: inline-block;
    
}