/* ===== GALLERY COMPONENT ===== */
.gallery {
  padding: var(--spacer) 0;
  color: var(--white);
  width: 100%;
  overflow: hidden; /* Contain any overflow */
  --span: calc(var(--grid-ratio) - 2);
  grid-column: 2 / span var(--span);
}

.gallery__title {
  font-size: var(--text-sm);
  font-weight: 900;
  margin-bottom: var(--spacer);
}

.gallery__items {
  display: flex;
  flex-direction: column;
  /*grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
}

.gallery__items li{
  border-top: 15px solid var(--white);
  padding: var(--spacer) 0;
}

@media (min-width: 1200px) {
  .gallery {
    --span: calc(var(--grid-ratio) - 7);
    grid-column: 2 / span var(--span);
  }
}