.gallery-responsive{
  display: flex;
  gap: 12px;
}

/* Elke afbeelding krijgt 1/3 van de rij */
.gallery-responsive a{
  width: calc(33.333% - 8px);
  display: block;
}

/* Afbeelding schaalt mee in de kolom */
.gallery-responsive img{
  width: 100%;
  height: auto;
  display: block;
}

/* Klein scherm: onder elkaar */
@media (max-width: 768px){
  .gallery-responsive{
    flex-direction: column;
  }

  .gallery-responsive a{
    width: 100%;
  }
}