.brand--image {
    display: block;
    flex: 0 0 auto;
    width: clamp(210px, 23vw, 300px);
    line-height: 0;
    font-size: 0;
    letter-spacing: 0;
    text-decoration: none;
}

.brand--image img { display: block; width: 100%; height: auto; }
.brand--image:hover { opacity: .82; }
.brand--footer { width: 250px; margin-bottom: 8px; }
.brand--admin { width: 220px; }

@media (max-width: 900px) {
    .brand--image { width: clamp(200px, 30vw, 280px); }
}

@media (max-width: 620px) {
    .brand--image { width: clamp(178px, 52vw, 218px); }
    .brand--footer { width: min(218px, 70vw); }
    .brand--admin { width: clamp(170px, 48vw, 205px); }
}