.custom-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(var(--grid-rows, 1), auto);
  column-gap: var(--column-gap, 16px);
  row-gap: var(--row-gap, 16px);
  align-items: center;

  @media (min-width: 1200px) {
    grid-template-columns: repeat(var(--grid-columns, 3), 1fr);
  }
}