hr {
  margin: 2rem 0;
}

ul.photos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 2rem;
}

ul.photos li {
  align-content: center;
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 1rem;
  text-align: center;
}

ul.photos li figure figcaption {
  padding-top: 0.25rem;
}

ul.photos li a:hover figure img {
  box-shadow:
    0
    0
    0.25rem
    0.10rem
    var(--color-accent);
}