body {
  background: white;
}

.gallery {
  margin-top: 10px;
  margin-left: 10px;
}

.gallery-tall {
  display: flex;
  flex-wrap: wrap;
}

.gallery-tall img {
  flex: 1 1 500px;
  max-width: calc((100vw - 46px) / 3);
  margin-right: 10px;
  margin-bottom: 10px;
}

.gallery-long {
  display: flex;
  flex-wrap: wrap;
}

.gallery-long img {
  flex: 1 1 500px;
  max-width: calc((100vw - 36px) / 2);
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 600px) {
  .gallery-tall img {
  max-width: calc((100vw - 36px) / 2);
}

.gallery-long img {
  max-width: calc((100vw - 26px) / 1);
}

.white-padding {
  width: 100%;
  height: 8.25rem;
  margin-bottom: -1px;
  background: white;
}
}