.img2,
.img2bis {
    grid-column: auto;
}

.img3 {
    grid-column: 1 / span 2;
}

/* -------------------------------------- */
/*  Grid */
/* -------------------------------------- */

/* On rajoute auto sur la grille principale, car ça affecte la ligne 1 de la grille more work */
.project-grid {
    grid-template-rows: auto !important;
}

/* Car pour la video on doit mettre un template-row, qui affecte aussi la
grille more wirk, ducoup on fait une autre grille */

.project-grid2 {
    /* toute la largeur du main moins les 2 gaps entre les 3 colonnes */
    width: calc(100% - 2 * var(--marginIMG));
    display: grid;
    /* 3 paramètres donc 3 colonnes :
    en l'occurence 3 colonnes de calc(100% / 3) */
    grid-template-columns: calc(var(--gridDesktop) / 3) calc(var(--gridDesktop) / 3) calc(var(--gridDesktop) / 3);
    gap: var(--marginIMG);
    overflow: hidden;
    /* la premiere ligne a une hauteur de 450px, les autres sont en auto par défault */
    grid-template-rows: 87vh;
}

/* -------------------------------------- */
/* Changement des images en carré pour la talette */
/* -------------------------------------- */

.img2bis {
    display: none;
}

/* -------------------------------------- */
/* Video Youtube */
/* -------------------------------------- */

.datavizYT {
    grid-column: 1 / span 2;
    width: 100%;
    height: 100%;
}

/* -------------------------------------- */
/* M E D I A S   Q U E R I E S */
/* -------------------------------------- */

@media (max-width: 768px) {

    .project-grid2 {
        width: calc(100% - var(--marginIMG));
        grid-template-columns: calc(var(--gridDesktop) / 2) calc(var(--gridDesktop) / 2);
    }

    .img2bis {
        display: block;
    }

    .img2 {
        display: none;
    }

    .img3 {
        grid-column: 1 / span 2;
    }
}

@media (max-width: 450px) {

    .project-grid2 {
        width: 100%;
        grid-template-columns: 100%;
    }

    .project-grid2 {
        grid-template-rows: 80vh;
    }

    .img3 {
        grid-column: auto;
    }

    /* Chelou de mettre les deux en displays block mais y a 
    que comme ça que ça permet d'en afficher une seule */

    .img2,
    .img2bis {
        display: block;
    }
}