.collection-hero {
  position: relative;
  overflow: hidden;
  padding-bottom: 4.5rem;
}

.collection-hero:not(.collection-hero--with-image) .collection-hero__inner {
  align-items: center;
  text-align: center;
}

.collection-hero:not(.collection-hero--with-image) .collection-hero__text-wrapper {
  width: 100%;
}

.collection-hero__wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4.5rem;
  color: #FFF6DC;
}

@media screen and (max-width: 749px) {
  .collection-hero__wave {
    height: 2.8rem;
  }
}