.card, .card-footer {
    border: none;
    background-color: white;
}

.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    object-fit: cover;
}

.transition {
    transition: filter .3s ease-in-out;
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%); /* FF 35+ */
}

.transition:hover {
    -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%); /* FF 35+ */
    transform: scale(1.02);
}