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