Reworked image post header

Makes the image the same width as the content, and don't make the beginning of the content step on it

assets/css/custom.css

@@ -92,4 +92,34 @@
 /* Reduce margin top and bottom for pictures and videos by 1em */
 .post-full-content img, .post-full-content video {
     margin: 0.5em auto;
+}
+
+/* Reduce padding top of the post header by 4vw */
+.post-full-header {
+    padding: 3vw 3vw 3vw;
+}
+
+/* Reduce padding top and bottom of the post header on mobile */
+@media (max-width: 500px) {
+    .post-full-header {
+        padding: 10vw 3vw 8vw;
+    }
+}
+
+/* Center the header post image */
+.post-header-image {
+    display: block;
+    margin: auto;
+}
+
+/* Remove the shadows as we move up the image */
+.post-full-content::before, .post-full-content::after {
+    display: none;
+}
+
+/* Add padding under the header post image on mobile */
+@media (max-width: 500px) {
+    .post-full-content {
+        padding: 30px 0 0;
+    }
 }

page.hbs

@@ -22,8 +22,7 @@ into the {body} of the default.hbs template --}}
             </header>
 
             {{#if feature_image}}
-            <figure class="post-full-image" style="background-image: url({{feature_image}})">
-            </figure>
+            <img class="post-header-image" src="{{feature_image}}">
             {{/if}}
 
             <section class="post-full-content">

post.hbs

@@ -28,8 +28,7 @@ into the {body} of the default.hbs template --}}
             </header>
 
             {{#if feature_image}}
-            <figure class="post-full-image" style="background-image: url({{feature_image}})">
-            </figure>
+            <img class="post-header-image" src="{{feature_image}}">
             {{/if}}
 
             <section class="post-full-content">