#image-gallery-area {
  display: grid;
  justify-content: space-evenly;
  width: 100%;
  grid-template-columns: 100%;
  text-align: center;
  padding-top: var(--padding-margin-5);
}
#image-gallery-area > h1 {
  padding-left: var(--padding-margin-3);
  padding-right: var(--padding-margin-3);
}
#image-gallery-area > div {
  padding-left: var(--padding-margin-3);
  padding-right: var(--padding-margin-3);
  padding-bottom: var(--padding-margin-5);
  text-align: center;
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: 49% 49%;
  gap: var(--padding-margin-3);
}
#image-gallery-area > h1 + div {
  padding-top: var(--padding-margin-4);
}
#image-gallery-area > div img {
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 3;
  padding: var(--padding-margin-1);
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}
#image-gallery-area > div > a > p {
  font-size: 0.75rem;
}





@media (min-width: 768px) {
  #image-gallery-area > div {
    grid-template-columns: 32% 32% 32%;
    justify-content: space-evenly;
  }
}





@media (min-width: 992px) {
  #image-gallery-area > div {
    padding: var(--padding-margin-5);
  }
}





@media (min-width: 1200px) {
  #image-gallery-area {
    grid-template-columns: auto 1200px auto;
    justify-content: space-evenly;
  }
  #image-gallery-area > h1 {
    grid-column: 2;
  }
  #image-gallery-area > div {
    grid-column: 2;
  }
}