.grid-transport {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 300px;
    gap:10px;
  }
  
  .grid-logistique {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 300px;
    gap:10px;
  }
  
  .grid-appro {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 300px;
    gap:10px;
  }
  
  .grid-logistique img,
  .grid-transport img,
  .grid-appro img {
    width:100%;
    height:100%;
    object-fit: cover;
  }


@media screen and (max-width: 996px) {
  .grid-logistique img,
  .grid-transport img,
  .grid-appro img  {
    display: flex; 
    flex-direction: column;
     align-items: center;
     justify-content: center;
   }
 }