Video Block

<div class="video-container position-relative">
  <div class="video-player">
    <video class="w-100" autoplay loop muted playsinline id="video-background" poster="images/poster.jpg" aria-describedby="video-desc">
      <source src="https://drupal.studentlife.gatech.edu/sites/default/files/bgvideo/24623-345209544_medium.mp4" type="video/mp4" />
    </video>
  </div>
  <div class="video-content position-absolute top-50 translate-middle start-50 row m-0 p-0 w-100">
    <div class="col">111111</div>
    <div class="col">222222</div>
    <div class="col">333333</div>
  </div>
</div>
111111
222222
333333

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ullamcorper arcu ut quam volutpat, at cursus turpis faucibus. In hendrerit neque et augue tempus posuere. Suspendisse placerat lacinia sapien, eu egestas dolor. Quisque porttitor ante et convallis posuere. Duis porttitor non felis aliquam convallis. Quisque ornare purus sit amet nisl scelerisque, quis lobortis augue ullamcorper. Proin eu tempor sem, quis tincidunt lorem. Sed at justo convallis risus malesuada ornare. Suspendisse sit amet blandit nisl. Sed convallis turpis ex, nec tincidunt augue scelerisque et.