.card {
    cursor: help;
    width: 100%;
    max-width: 350px;
}

.card-img-top {
    max-width: 100%;
    height: auto; /* garde les proportions */
    display: block;
}

.col-12.col-md-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
}

/* À partir de 768px (taille de tablette et plus), les cartes ont une largeur de 33% */
@media (max-width: 768px) {
    .card-small-on-mobile {
        width: 70%; /* Ajustez la taille de la carte sur des écrans plus grands */
    }
}

@media (min-width: 992px) {
    .justify-text {
        text-align: justify !important;
    }
}