.banner {
  display: flex;
  position: relative;
  z-index: auto;
  isolation: isolate;
}

  .banner .image-gallery-wrapper {
    padding: 0;
  }

  .banner .image-gallery-wrapper.collection-banner {
      width: 100%;
      height: 100%;
    }

  .banner.banner--large .media-banner-wrapper {
      height: 800px;
    }

  .banner.banner--medium .media-banner-wrapper {
      height: 640px;
    }

  .banner.banner--small .media-banner-wrapper {
      height: 480px;
    }

  .banner.banner--xsmall .media-banner-wrapper {
      height: 320px;
    }
@media only screen and (max-width: 750px) {
      .banner.banner--large .media-banner-wrapper {
        height: 480px;
      }
      .banner.banner--medium .media-banner-wrapper {
        height: 400px;
      }
      .banner.banner--small .media-banner-wrapper {
        height: 320px;
      }
}


.banner .banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.banner .banner__media.vertical {
  display: flex;
  flex-direction: column;
}

.banner.full .banner__media {
  width: 100%;
}

.banner .banner__media-image-top-3 .banner-media-item:first-of-type {
  height: 30%;
}

.banner .banner__media-image-top-3 .banner-media-item:last-of-type {
  height: 70%;
}

.banner .banner__media-image-top-7 .banner-media-item:first-of-type {
  height: 70%;
}

.banner .banner__media-image-top-7 .banner-media-item:last-of-type {
  height: 30%;
}

.banner .banner__media-image-top-4 .banner-media-item:first-of-type {
  height: 40%;
}

.banner .banner__media-image-top-4 .banner-media-item:last-of-type {
  height: 60%;
}

.banner .banner__media-image-top-6 .banner-media-item:first-of-type {
  height: 60%;
}

.banner .banner__media-image-top-6 .banner-media-item:last-of-type {
  height: 40%;
}

.banner .banner__media-image-top-5 .banner-media-item:first-of-type {
  height: 50%;
}

.banner .banner__media-image-top-5 .banner-media-item:last-of-type {
  height: 50%;
}


.banner .banner__media.vertical .banner__media-image-top-3 {
  height: 30%;
}

.banner.banner__media-image-left-3 .banner__media {
    width: 30%;
  }

.banner.banner__media-image-left-3 .banner__media + .banner__media {
      width: 70%;
    }

.banner.banner__media-image-left-7 .banner__media {
    width: 70%;
  }

.banner.banner__media-image-left-7 .banner__media + .banner__media {
      width: 30%;
    }

.banner.banner__media-image-left-4 .banner__media {
    width: 40%;
  }

.banner.banner__media-image-left-4 .banner__media + .banner__media {
      width: 60%;
    }

.banner.banner__media-image-left-6 .banner__media {
    width: 60%;
  }

.banner.banner__media-image-left-6 .banner__media + .banner__media {
      width: 40%;
    }

.banner.banner__media-image-left-5 .banner__media {
  width: 50%;
}

.banner .banner__media {
  height: 100%;
}


.banner::after {
  content: '';
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}


.banner__box.banner--card-transparent {
  padding: 0;
  background: transparent;
}

.banner__box h2 {
  margin: 0;
}