.cardThree {
    width: 400px;
    height: 400px;
    border: 1px solid #DEE2E6;
    border-radius: 8px;
    padding: 1px;
    margin: 0px;
    background-color: #ffffff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;     /* empile verticalement */
    align-items: center;        /* centre horizontalement tout le contenu */
    justify-content: space-between; /* répartit haut / milieu / bas */
    position: relative;
    overflow: hidden;
}

.cardThree-body {
    text-align: center;
    width: 100%;
}

.canvasThree {
    flex-grow: 1;               /* occupe l’espace restant entre le titre et l’icône */
    width: 100%;
    display: flex;
    align-items: center;        /* centre verticalement le contenu (si besoin) */
    justify-content: center;    /* centre horizontalement le contenu (la scène 3D) */
    background-color: #ffffff;
    box-sizing: border-box;
}