<!-- Header -->
<div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center" style="min-height: 600px; background-size: cover; background-position: center top;">
  <!-- Mask -->
  <span class="mask bg-gradient-default opacity-8"></span>
  <!-- Header container -->
  <div class="container-fluid align-items-center">
    <div class="row justify-content-md-center">
      <figure class="mb-4" style="z-index: 1;">
        <% if(locals.Video.data) { %>
        <video width="600" height="355" src="<%= (locals.Video.data)?Video.data.attributes.url:'' %>" controls="">
        </video>
        <% } else{ %>
          <div style="width: 600px; height:355px; line-height: 355px;">
            <center>No video</center>
          </div>
        <% } %>
      </figure> 
    </div>
  </div>
</div>
