<div class="c-header  ">
  <div class="container c-header__container">
    <div class="c-header__media-wrapper">
      <picture>
        <source srcset="https://placeholder.in2code.de/1200x675" media="(min-width:800px)"/>
        <source srcset="https://placeholder.in2code.de/8004500" media="(min-width:0)"/><img class="c-header__media" src="https://placeholder.in2code.de/1200x675" alt="Alt Text"/>
      </picture>
    </div>
    <div class="c-header__content">
      <h1 class="c-header__heading">Header with <span class="u-highlight">image</span> and <span class="u-highlight">content</span>
      </h1>
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat?</p>
      <p>At vero eos et accusam et justo duo!</p><a class="btn btn--primary btn--right-link c-header__button" href="#">Jetzt orientieren</a>
    </div>
  </div>
</div>