.banners-wrapper {
  --columns: 1;
  &.-col2 {
    --columns: 2;
  }
}
.banner-list-loading,
.banner-list-error {
  margin: 20px auto;
  width: fit-content;
}
.banner-list {
  display: grid;
  gap: 5px;
  margin: 0 auto 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: 10px;
  }
}
.banner-list a:not([href]) {
  pointer-events: none;
}
.banner-list__image {
  width: 100%;
}