.gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  padding: 0 50px;
  width: 100%; }
  .gallery > * {
    margin: 10px;
    width: 340px;
    text-align: center; }
    .gallery > * img {
      max-width: 100%;
      max-height: 300px; }

@media screen and (max-width: 500px) {
  .gallery {
    padding: 0 20px; }
    .gallery > * {
      width: 100%; } }