Shopify debut hide collection page banner overlay and text

collection-template.liquid

<div class="collection-hero__title-wrapper">
          <h1 class="collection-hero__title page-width">
              <span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
              <!-- collection.title -->
          </h1>
        </div>

theme.scss.liquid

.collection-hero {
  position: relative;
  overflow: hidden;
  margin-top: -$gutter-site;
  /*margin-bottom: $gutter-site-mobile;*/

  @include media-query($medium-up) {
    /*margin-bottom: $section-spacing-small;*/
  }
}

...

/*.collection-hero__title-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: $color-image-overlay;
  opacity: $opacity-image-overlay;
}*/