@media (min-width: 768px) and (max-width: 1023px) {
  .md\:grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-9 {
    grid-column: span 7 / span 9;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-3 {
    grid-column: span 5 / span 3;
  }
}