diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 166c188..0c5fa3c 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,7 @@
 {{ define "main" }}
   <div id="main">
     <div class="container">
+      {{ partial "header_image.html" . }}
       {{ partial "content.html" . }}
     </div>
   </div>
diff --git a/layouts/partials/content.html b/layouts/partials/content.html
index 2d6e857..d14286a 100644
--- a/layouts/partials/content.html
+++ b/layouts/partials/content.html
@@ -1,14 +1,3 @@
-
-{{ if .Params.image }}
-  {{ .Scratch.Set "image" .Params.image }}
-  {{ if hasPrefix .Params.image "resource:" }}
-    {{ $resource := .Resources.GetMatch (replace .Params.image "resource:" "") }}
-    {{ .Scratch.Set "image" ($resource.Resize "2000x").RelPermalink }}
-  {{ end }}
-
-  <img class="mb-3 header-image" src='{{ .Scratch.Get "image" }}' />
-{{ end }}
-
 <h1 class="display-4">{{ .Title }}</h1>
 {{ if .Params.subtitle }}
   <h5 class="my-3">{{ markdownify .Params.subtitle | emojify }}</h5>
diff --git a/layouts/partials/header_image.html b/layouts/partials/header_image.html
new file mode 100644
index 0000000..9657cc2
--- /dev/null
+++ b/layouts/partials/header_image.html
@@ -0,0 +1,9 @@
+{{ if .Params.image }}
+  {{ .Scratch.Set "image" .Params.image }}
+  {{ if hasPrefix .Params.image "resource:" }}
+    {{ $resource := .Resources.GetMatch (replace .Params.image "resource:" "") }}
+    {{ .Scratch.Set "image" ($resource.Resize "2000x").RelPermalink }}
+  {{ end }}
+
+  <img class="mb-3 header-image" src='{{ .Scratch.Get "image" }}' />
+{{ end }}