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>