.content--gallery a {
    align-self: flex-end;
}

.grid:before {
    content: "";
    background: white;
    opacity: 0;
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.grid-item {
    width: 31%;
    margin-bottom: 2rem;
}
.grid-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.gutter-sizer {
    width: 2rem;
}
.grid-sizer {
    width: 31%;
}
@media screen and (min-width: 1665px) {
    .grid-item { width: 32%; }
    .grid-sizer { width: 32%; }
}
@media screen and (max-width: 900px) {
    .grid-item { width: 47%; }
    .grid-sizer { width: 47%; }
    .gutter-sizer { width: 2rem; }
}
@media screen and (max-width: 510px) {
    .grid-item { width: 100%; }
    .grid-sizer { width: 100%; }
    .gutter-sizer { width: 1rem; }
}