<!-- Blog Featured Image under Title -->
<script>
(function(){
  function init(){
    var title = document.querySelector('.blog-item-title');
    if(!title) return;
    if(document.querySelector('.blog-featured-image')) return;

    var imgUrl = (document.querySelector('meta[property="og:image"]') || {}).content
      || (document.querySelector('meta[itemprop="thumbnailUrl"]') || {}).content;
    if(!imgUrl) return;

    var wrap = document.createElement('div');
    wrap.className = 'blog-featured-image';
    var img = document.createElement('img');
    img.src = imgUrl;
    img.alt = (document.querySelector('meta[itemprop="headline"]') || {}).content || '';
    wrap.appendChild(img);
    title.parentNode.insertBefore(wrap, title);
  }

  window.addEventListener('DOMContentLoaded', init);
  window.addEventListener('load', init);
  document.addEventListener('mercury:load', init);
})();
</script>
<style>
  .blog-featured-image img {
    width: 100%;
}
</style>