.collection-banner.top-banner {
  width: 100%;
  //margin-top: calc(-1 * var(--height-header));
  
  height: 20dvh;
}
.collection-banner .flex {
  display: flex;
  align-items: stretch;
}
.collection-banner .flex > div {
  flex: 1;
}
.collection-banner h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  bottom: 46px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 959px) {
  .collection-banner h3 {
    bottom: unset;
    top: 50%;
    left: 50%;
    transform: translateX(-50%, -50%);
  }
}