@media (max-width: 768px) {
  .banner-grid-wrapper,
  .banner-grid {
    height: auto !important;
    overflow: visible !important;
  }

  .banner-grid {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: auto !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }

  .banner-grid .grid-col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .banner-grid .grid-col .col-inner,
  .banner-grid .grid-col .img,
  .banner-grid .grid-col .img-inner {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
  }

  .banner-grid .grid-col img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
}