.banner__logo-list {
  --logo-height: 24px;
  --logo-gap: 8px;
  --logo-align: space-between;
  --logo-top: 28px;
  position: absolute;
  top: var(--logo-top);
  right: 0;
  left: 0;
}

.banner__logo-list .container {
  display: flex;
  align-items: center;
  justify-content: var(--logo-align);
  gap: var(--logo-gap);
  height: var(--logo-height);
}

.banner__logo-list img {
  width: auto;
  height: 100%;
}

@media (min-width: 400px) {
  .banner__logo-list {
    --logo-height: 32px;
  }
}

@media (min-width: 576px) {
  .banner__logo-list {
    --logo-height: 28px;
    --logo-gap: 22px;
    --logo-align: flex-start;
    --logo-top: 36px;
  }
}

@media (min-width: 768px) {
  .banner__logo-list {
    --logo-height: 32px;
    --logo-gap: 26px;
    --logo-top: 51px;
  }
}

@media (min-width: 1200px) {
  .banner__logo-list {
    --logo-height: 48px;
    --logo-gap: 46px;
    --logo-top: 84px;
  }
}