{% if page.image.feature %}
  {% assign f = page.image.feature | split: '.' %}
  <div class="page__cover" style="background-image: url({{ site.url }}{{ f[0] }}-20.{{ f[1] }});"></div>
  <div class="{{ include.type | default: 'page' }}__hero">
    <img src="{{ site.url }}{{ f[0] }}-320.{{ f[1] }}" alt="{{ page.title }}" class="image"
      srcset="{{ site.url }}{{ f[0] }}-320.{{ f[1] }} 320w, {{ site.url }}{{ f[0] }}-768.{{ f[1] }} 768w, {{ site.url }}{{ f[0] }}-1024.{{ f[1] }} 1024w, {{ site.url }}{{ f[0] }}-1600.{{ f[1] }} 1600w"
        sizes="(min-width: 900px) 60vw, 100vw">
    {% if page.image.credit %}{% include page__hero-credit.html %}{% endif %}
  </div>
{% else %}
  <div class="page__cover"></div>
{% endif %}

{% if page.image.feature %}
  {% assign f = page.image.feature | split: '.' %}
  <div class="page__cover" style="background-image: url({{ site.url }}{{ f[0] }}-20.{{ f[1] }});"></div>
  <div class="{{ include.type | default: 'page' }}__hero">
    <img src="{{ site.url }}{{ f[0] }}-320.{{ f[1] }}" alt="{{ page.title }}" class="image"
      srcset="{{ site.url }}{{ f[0] }}-320.{{ f[1] }} 320w, {{ site.url }}{{ f[0] }}-768.{{ f[1] }} 768w, {{ site.url }}{{ f[0] }}-1024.{{ f[1] }} 1024w, {{ site.url }}{{ f[0] }}-1600.{{ f[1] }} 1600w"
        sizes="(min-width: 900px) 60vw, 100vw">
    {% if page.image.credit %}{% include page__hero-credit.html %}{% endif %}
  </div>
{% else %}
  <div class="page__cover"
    {% if page.image.cover %}
      style="background-image: url({{ site.url }}{{ page.image.cover }});"
    {% endif %}>
  </div>
{% endif %}

Add option to specify `image.cover` when a `feature` isn't used
Add option to specify `image.cover` when a `feature` isn't used
