.home-discovery-banners {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.home-discovery-banners img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2.7 / 1;
  object-fit: cover;
  border-radius: var(--radius);
}

@media (max-width: 767px) {

  .home-discovery-banners {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 16px;
  }
}