.ttl_clients > div{ background: white !important; }
@media (prefers-color-scheme: dark) {
    .ttl_clients > div{ background: white !important; }
}
.ttl_clients > div picture{ object-fit: contain !important;  }
.ttl_clients > div picture img{ object-fit: contain !important; width: 100% !important; height: 100% !important; mix-blend-mode: multiply;  }
.ttl_clients > div a:is(:hover,:focus,:focus-visible) picture img{ transform: translate(-50%,-50%) !important;}
.ttl_clients > div picture::before{ content:""; display: block; width: 100%; height: 0; padding-bottom: 65%  }


@media all and (max-width: 1199.98px) {
    .ttl_cards {
        --card-padding:24px;
    }

    .ttl_clients.rows_4 > div {
        width: calc(33.333333% - (var(--gutter) * 0.666666));
    }
}
@media all and (max-width: 899.98px) {

    .ttl_clients.rows_4 > div {
        width: calc(33.333333% - (var(--gutter) * 0.666666));
    }
}
@media all and (max-width:599.98px) {
    .ttl_cards {
        --card-padding:20px;
    }

    .ttl_clients.rows_4 > div {
        width: calc(50% - (var(--gutter) * 0.5)) !important;
    }
}