<div class="banner banner--background">
  <div class="banner__image">
    <img src="https://picsum.photos/1140/370">
  </div>
  <div class="banner__content">
    <h3>White Paper on the future of Europe</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
  </div>
</div>

<div class="banner banner--quote">
  <div class="banner__quote">
    <blockquote class="blockquote">
      <p>Nullam eget gravida sapien. Curabitur nec ligula varius tellus blandit auctor in non felis.
      Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
      Pellentesque in volutpat eros, ut fringilla tortor.</p>
    </blockquote>
  </div>
  <span class="banner__author">President Juncker</span>
</div>

<div class="banner banner--video">
  <div class="banner__left">
    <div class="banner__video">
      <div class="file file--video">
        <div class="file__container">
          <iframe src="http://ec.europa.eu/avservices/play.cfm?ref=I101631" allowfullscreen="allowfullscreen" scrolling="no"></iframe>
        </div>
        <span class="banner__caption">
          Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
        </span>
      </div>
    </div>
  </div>
  <div class="banner__paragraph">
    <div class="field">
      <div class="field__items">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
      </div>
    </div>
  </div>
</div>