.banner-row{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.banner-row .banner-item{
  flex: 0 0 auto;
  width: calc((100% - (var(--pc-row, 2) - 1) * 1rem) / var(--pc-row, 2));
}

.banner-item img{
width: 100%;
}

@media only screen and (max-width: 940px) {
  .banner-row .banner-item{
    flex: 0 0 auto;
    width: calc((100% - (var(--sp-row, 1) - 1) * 1rem) / var(--sp-row, 1));
  }
}