/* 1) Cartes de même hauteur */
.project-two-active .item { display: flex; }
.project-two-active .item > .project-item-two {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* 2) Zone image uniforme (recadrage propre) */
.project-two-active .project-item-two > img {
    display: block;          /* enlève l'espace baseline */
    width: 100%;
    aspect-ratio: 4 / 3;     /* choisis 1/1, 3/2, 16/9 selon ton rendu */
    height: auto;            /* laissé pour compatibilité */
    object-fit: cover;       /* recadre sans déformer */
    object-position: center; /* centre le recadrage */
    border-radius: inherit;  /* si tes cartes ont des arrondis */
    overflow: hidden;
}

/* 3) Pied de carte cohérent (le contenu occupe le bas) */
.project-two-active .project-item-two .project-content {
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

/* (optionnel) Titre sur 2 lignes max pour éviter les hauteurs variables */
.project-two-active .project-item-two .project-content .left-part h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   /* ajuste à 1, 2 ou 3 lignes */
    overflow: hidden;
}