* {
  margin: 0;
  padding: 0;
}

.gallery-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem 0rem;
  text-align: center;
}

.image-rows {
  width: 85%;
  display: flex;
  gap: 2.5rem 2rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 700px) {
  /* For mobile phones: */
  .image-rows {
    flex-direction: column;
    align-items: center;
  }
}

.gallery-image {
  width: 47%;
  height: 15rem;
  object-fit: cover;
  object-position: center;
}

@media only screen and (max-width: 700px) {
  .gallery-image {
    width: 75%;
    object-position: center;
  }
}