.card {
    max-width: 290px;
    display: inline-block;
}

.catalogue-card-item:hover {
    color: white !important;
}

.pro-img-box img:hover {
    background: inherit;
}

.card:hover {
    background: rgba(218, 231, 237, 0.3);
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .catalogue-items {
        text-align: center;
    }
}