@media (max-width: 1024px) {
  .container {
    width: min(100% - 48px, var(--container-xl));
  }
}

@media (max-width: 768px) {
  .container {
    width: min(100% - 24px, var(--container-xl));
  }
}