.section-browse-models {
  --grid-columns: 2;
  --grid-gap: 1rem;
}
.section-browse-models > .container {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--grid-gap);
}
@media (min-width: 768px) {
  .section-browse-models > .container {
    --grid-columns: 3;
  }
}
@media (min-width: 1024px) {
  .section-browse-models > .container {
    --grid-columns: 4;
    --grid-gap: 2rem;
  }
}