.galerie {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-column-gap: .5%;
  grid-template-rows: auto;
  justify-content: center;
}

.pic {
  width: 100%;
  height: auto;
}

.galerie img {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  border-radius: 5px;
  opacity: 70%;
}

.galerie img:hover {
  opacity: 100%;

}

.main {
  background-color: white;
  border: solid black 2px;
  border-radius: 10px;
}

@media (max-width: 1024px) {

  .galerie {
    grid-template-columns: 32% 32% 32%;
  }

}

@media (max-width: 650px) {

  .galerie {
    grid-template-columns: 49% 49%;
  }

}

@media (max-width: 375px) {

  .galerie {
    grid-template-columns: 49% 49%;
  }

}