.projets {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Espacement entre les blocs, ajustez selon vos besoins */
  }
  
  .projectblock {
    flex: 1 1 calc(50% - 16px); /* 50% de largeur moins l'espacement */
    box-sizing: border-box; /* Inclure le padding et la bordure dans la taille totale */
    text-align:center;
    padding:5%;
  }
  
  @media (max-width: 989px) {
    .projectblock {
        flex: 1 1 100%; /* Pleine largeur en dessous de 989px */
    }
  }