/* Some very basic styles... You should likely overwrite these with your own to suit your needs */

/* Responsive Images */

.photo-albums img,
.photo-items img {
  height: auto;
  max-width: 100%;
  filter: saturate(1.2);
  transition: all 250ms linear;
}

.photo-albums img:hover,
.photo-items img:hover {
    filter: saturate(0.6);
}

/* Photo Albums */

.photo-albums {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}

/* Photo Items */

.photo-items {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 60px;
}