.hero {
  height: 400px;
  margin-bottom: var(--Space-x2);
  width: 100%;
  object-fit: cover;
  border-radius: var(--Corner-Radius-xl);
  margin: 0;
}

@media (min-width: 768px) {
  .hero {
    height: 480px;
  }
}