/* Selecting all children of 'body' to have cloud borders */
main#gallery {
  border: 4rem solid transparent; background-clip: padding-box;
  border-image: url("/public/img/about/border.png") 200 round;
  margin-bottom: 1rem;
  margin-top: 1rem;
  background-color: var(--white);
}

main#gallery>figure { border: none; display: inline-block; margin: 0;}
main#gallery>figure>img { max-height: 100%; max-width: 100%;}

@media (min-width: 30rem) {
  main#gallery {display: flex; justify-content: center; gap: 1rem; }
  main#gallery>figure>img { max-height: 20rem; }
}

@media (min-width: 50rem) {
  main#gallery>figure>img { max-height: 30rem; }
}