.card-container {
  flex: 0 0 calc(33.333% - 1rem); /* 3 per row */
  max-width: calc(33.333% - 1rem);
}

@media (max-width: 992px) {
  .card-container {
    flex: 0 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

@media (max-width: 768px) {
  .card-container {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#listPane {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1rem;
  grid-auto-flow: dense;
}

.shadow-light {
  box-shadow: 0.5rem 0.5rem .2rem rgba(255, 255, 255, 0.3) !important;
}