diff --git a/content/_index.md b/content/_index.md
index 6267160..d1eaeb3 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,4 +1,5 @@
 ---
 title: Homepage
+image: /img/header.jpg
 ---
 Part Developer. Part SysAdmin. Part Hacker. All Nerd!
diff --git a/layouts/index.html b/layouts/index.html
index ec5c16b..1c7c9a7 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
-  <header id="index-header" class="d-flex align-items-center">
+  <header id="index-header" class="d-flex align-items-center image" data-image="{{ .Params.image }}">
     <div class="text-center m-auto text-light">
       <h1 class="display-1">{{ .Site.Params.author_name }}</h1>
-      <p class="lead">{{ .RawContent }}</p>
+      <h2 class="lead">{{ .Content }}</h2>
     </div>
   </header>
 {{ end }}
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 0ca46bd..0764346 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -124,8 +124,6 @@ table td {
 
 
 #index-header {
-  background-image: url("/img/header.jpg");
-  background-size: cover;
   width: 100%;
   height: calc(100% - 110px);
 }