.card-link {
    display: block;
    width: 100%;
    height: 100%;
}

.card__img {
    height: inherit;
    object-fit: contain;
    width: 100%;
    border-radius: 12px
}

img.card__img-all {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.card-all {
    overflow: hidden;
}

.card__img-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.card__img-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(55, 57, 61, 0.91), rgba(55, 57, 61, 0.91));
}

@media (max-width: 767px) {
    img.card__img-all {
        object-fit: cover;
    }
}