.collection-banner {
  text-align: center;
  margin-bottom: 0px;
}

.collection--banner_image {
  grid-column: 1 / span 12 !important;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.collection--banner_image:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--overlay-color);
  content:"";
}

.collection--banner_image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 400px;
}

@media screen and (max-width: 740px) {
  .collection--banner_image {
    height: 200px;
  }
  .collection--banner_image .box-ratio {
    padding-bottom: 200px !important;
  }
  .collection--banner_image img {
    height: 200px;
  }
}

.collection--banner_title {
  text-align: center;
}

.collection--banner_title h1 {
  padding: 20px 0 0;
}

.collection--banner_title.gr1 {
  grid-column: 1 / span 12 !important;
  z-index: 2;
  align-content: center;
}