How to setup main image and breadcrumb

The markup for the main page image and breadcrumb is found after the menu-wrapper inside the <body>

<div class="blog-image-container">
 <div class="media-container--about" style="background-image:url(images/store-aboutus_03.jpg)">
  <div class="custom-height-container--blog flex">
   <div class="media-content flex flex-center-x flex-center txt-center ">
    <div class="long-line">
    </div>
    <div class="title-block about">
      <h1 class="title-block__title--about ">About us</h1>
     </div>
   </div>
  <ul class="st-breadcrumb--about breadcrumb">
    <li><a href="index.html">Home</a></li>
    <li>/</li>
    <li><a href="#">About us</a></li>
  </ul>
  </div>
 </div>
</div>