fix some head content and fix image for page template

_includes/head.njk

@@ -19,17 +19,17 @@
 	{#
 	<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="/assets/img/logo.jpg" />
+	<meta property="og:image" content="" />
-	<meta property="og:image:alt" content="block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'" />
+	<meta property="og:image:alt" content="" />
   #}
 
 	<meta name="generator" content="{{ eleventy.generator }}">
 
-  {#
 	<!-- CSS -->
 	<style>{% include "css/main.css" %}</style>
 	<style>{% getBundle "css" %}</style>
 
+  {#
 	<!-- JS -->
 	<script type="module">{% getBundle "js" %}</script>
 	#}

_includes/layouts/page.njk

@@ -4,8 +4,8 @@ layout: base.njk
 
 <h1>{{ title }}</h1>
 
-{% if data.hero %}
+{% if hero %}
-  <img src="{{ data.hero.src }}" alt="{{ data.hero.alt }}">
+  <img src="{{ hero.src }}" alt="{{ hero.alt }}">
 {% endif %}
 
 {{ content | safe }}

css/main.css

@@ -31,6 +31,7 @@ body {
 img, picture, video, canvas, svg {
   display: block;
   max-width: 100%;
+  height: auto;
 }
 
 /* 7. Inherit fonts for form controls */