.custom-banner-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start; /* вирівнювання по лівому краю */
  align-items: flex-start;     /* щоб всі починалися з одного рівня по верху */
}

.custom-banner-item {
  box-sizing: border-box;
}

/* full = один на весь рядок */
.custom-banner-item.custom-banner-full {
  flex: 0 0 100%;
}

/* three = по три в рядок */
.custom-banner-item.custom-banner-three {
  flex: 0 0 calc((100% - 20px) / 3);
}

.custom-banner-item img {
  width: 100%;
  height: auto;
  display: block;
}
.custom-banner-item {
  overflow: hidden;
}

/* Плавний перехід на масштаб */
.custom-banner-item img {
  transition: transform 0.3s ease;
  transform-origin: center center;
}

/* При наведенні трохи збільшуємо */
.custom-banner-item:hover img {
  transform: scale(1.05);
}