.section-banners .row {
  row-gap: 16px;
  @media (width>=768px) {
    row-gap: 24px;
  }
}

.item-banner {
  display: block;
  border-radius: 36px;
  overflow: hidden;
}

.item-banner img {
  border-radius: 36px;
  transition: 500ms;
  width: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
}

.item-banner:hover img {
  filter: brightness(0.9);
  transform: scale(1.01);
}