.partner-snippet {
    grid-column: span 2;
    margin-bottom: 2rem;
    width: 100%;
}

.partner-snippet:hover span {
    color: black !important;
}

.partner-snippet figure {
    min-height: calc(var(--column) * 2 + 1rem);
    max-height: calc(var(--column) * 2 + 1rem);
    background-color: lightgray;
    display: flex;
    margin-bottom: .5rem;
}

.partner-snippet figure img {
    max-width: 80%;
    max-height: 50%;
    object-fit: contain;
    margin: auto;
    mix-blend-mode: multiply;
}

.partner-snippet span {
    display: block;
    white-space: pre-wrap;
}


/*
TABLET
*/
@media only screen and (max-width: 1024px) {
    .partner-snippet figure {
        min-height: calc(var(--column-t) * 2 + 1rem);
        max-height: calc(var(--column-t) * 2 + 1rem);
    }
}


/*
MOBILE
*/
@media only screen and (max-width: 620px) {
    .partner-snippet {
        grid-column: span 3;
    }

    .partner-snippet figure {
        min-height: calc(var(--column-t) * 4 + 3rem);
        max-height: calc(var(--column-t) * 4 + 3rem);
    }
}