.grille {
  display: grid;
  justify-content: start; /* évite le recentrage automatique */
  grid-template-columns: repeat(3, 210px); /* fixe les colonnes */
  max-width: calc(3 * 210px);
  margin: 0 auto;
  grid-auto-rows: 210px;
  /*grid-auto-flow: row;  pas de dense */
}

.grilleItem {

  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:9px;
  /*margin: 20px;

  /* Rendre l'item carré dynamique */
  /*aspect-ratio: 1 / 1;  */
  will-change: transform;
  transition: grid-row-start 0.3s ease, grid-column-start 0.3s ease, transform 0.3s ease;
}



.grilleItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}