main.photos {
  max-width: 1200px;
}

section.photos {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: space-around;
  flex-direction: row;

  figure {
    flex-grow: 1;
    max-height: 40vh;
  }

  figure:last-child {
    flex-grow: 10;
  }

  img {
    object-fit: cover;
    max-height: 100%;
    min-width: 100%;
    vertical-align: bottom;
    max-width: 100%;
    border-radius: 4px;
  }

  @media (width >= 800px) {
    & figure {
      height: 40vw;
    }
  }

  @media (width < 800px) {
    & figure {
      height: 60vw;
    }
  }

}