<header class="hero" style="background-image: url({{ page.image }});">
  <div>
    <h1>{{ page.title }}</h1>
    <p>{{ page.description }}</p>
    {% if page.category == 'releases' %}
    <p><a href="#npImage" class="button">Listen</a></p>
    {% endif %}
    {% if page.category == 'ramblings' %}
    <p><a href="#read" class="button">Read</a></p>
    {% endif %}
  </div>
  <div class="imagecontainer">

  </div>
  {% if page.video_file %}
  <video autoplay muted loop id="myVideo">
    <source src="{{ page.video_file }}" type="video/mp4">
  </video>
  {% endif %}
</header>