Media background

1
2  <div class="o-section o-media-bg u-80vh">
3    <h1>Sample content</h1>
4    <p>Lorem Ipsum</p>
5    <img class="o-media-bg__media" src="http://placehold.it/500x500" alt="Background image">
6  </div>
7

1
2  <div class="o-section o-media-bg u-80vh">
3    <h1>Sample content</h1>
4    <p>Lorem Ipsum</p>
5    <video class="o-media-bg__media" src="https://storage.googleapis.com/coverr-main/mp4/La-Costa.mp4" loop muted autoplay>
6  </div>
7

1
2  <div class="o-section o-media-bg">
3    <div class="o-media-bg__overlay">
4      <h1>Sample content</h1>
5      <p>Lorem Ipsum</p>
6    </div>
7    <img class="o-media-bg__media" src="http://placehold.it/500x500" alt="Background image">
8  </div>
9