.collection-hero__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.collection-hero--no-image .collection-hero__inner {
  height: 15.5rem;
}

.collection-hero__text {
  position: absolute;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .collection-hero--no-image .collection-hero__inner {
    height: 27.2rem;
  }
}