.gallery {
  display: flex;
  flex-direction: column;
  padding: 30px;
  gap: 10px;
}

img {
  max-width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {

  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

  }

}

@media screen and (min-width: 1024px) {

  .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

}