.home-banner {
  height: 430px;
  padding: 0 6.5rem;
  background-color: var(--kfc-white);
  container-type: inline-size;
}

.home-banner .image-card {
  max-width: 900px;
}

.home-banner .image-card>.image {
  max-width: 900px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 430px;
  border-radius: 0;
}

@container (max-width: 360px) {
  .home-banner {
    height: auto;
    padding: 1.5rem 1rem;
  }

  .home-banner .image-card>.image {
    height: 240px;
    border-radius: 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  .home-banner {
    height: auto;
    padding: 1.5rem 1rem;
  }

  .home-banner .image-card>.image {
    height: 240px;
    border-radius: 0.5rem;
  }
}