Page Header Feature - Full Complete

  <header class="c-page-header c-page-header__feature has-scroll">
    <div class="c-page-header__content">
                <div class="c-media-block c-block c-block__full c-media-block__full">
          <div
        class="c-media-block__image c-block__image l-grid-item u-padding--zero--sides">
        <div class="c-block__image-wrap ">
                      <picture class="picture">
              <!--[if IE 9]><video style="display: none;"><![endif]-->
                              <source srcset="//picsum.photos/1440/1200/?random" media="(min-width: 900px)">
                                            <source srcset="//picsum.photos/600/900/?random" media="(min-width: 700px)">
                            <source srcset="//picsum.photos/500/800/?random" media="(min-width: 500px)">
              <!--[if IE 9]></video><![endif]-->
              <img itemprop="image" srcset="//picsum.photos/400/700/?random" alt="Alt Text">
            </picture>
                  </div>
      </div>
      <!-- c-media-block__image -->
        <div class="c-media-block__content c-block__content u-spacing l-grid--7-col l-grid-wrap l-grid-wrap--7-of-7 u-color--white">
      <div class="u-spacing c-block__group c-media-block__group u-flex--justify-center u-flex--align-center u-text-align--center u-overlay--dark">
        <div class="u-width--100p u-spacing">
                                <h3 class="c-media-block__title c-block__title l-grid-item--5-col l-grid-item--m--2-col u-font--primary--xl u-flex--justify-center ">
                              <a href="/" class="c-block__title-link u-theme--link-hover--dark">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit
                                </a>
                          </h3>
                            </div>
        <div class="c-media-block__meta c-block__meta hide">
                            </div>
              </div>
    </div>
    <!-- c-media-block__content -->
  </div>
  <!-- c-media-block -->
          </div>
          <a href="#top" class="c-page-header__scroll"></a>
      </header>
  <!-- /.c-page-header -->

{% if page_header %}
  <header class="c-page-header c-page-header__feature{% if page_header_blocks %}{{ ' c-page-header__3-col' }}{% endif %}{% if page_header.scroll %}{{ ' has-scroll' }}{% endif %}">
    <div class="c-page-header__content">
      {% if page_header_blocks %}
        {% for block in page_header_blocks %}
          {% include '@molecules/blocks/media-block.twig' with block %}
        {% endfor %}
      {% else %}
        {% include '@molecules/blocks/media-block.twig' %}
      {% endif %}
    </div>
    {% if page_header.scroll %}
      <a href="#top" class="c-page-header__scroll"></a>
    {% endif %}
  </header>
  <!-- /.c-page-header -->
{% endif %}