diff --git a/assets/css/style.css b/assets/css/style.css
index 68765bf..5f5c55c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -24,7 +24,6 @@ p {
     flex-direction: column;
     z-index: -1;
     color: white;
-    background-image: url('/img/home-blob.svg');
     background-position: center;
     background-size: cover;
 }
@@ -449,7 +448,6 @@ footer {
     justify-content: space-evenly;
     align-items: flex-end;
     color: white;
-    background-image: url('/img/home-blob-flip.svg');
     background-position: 40% 0%;
     background-size: 50rem;
 }
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index a8f989b..43d097d 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -5,7 +5,7 @@
     {{ partial "nav-bar.html" . }}
     <main class="card-container side-gutter">
       {{ if or (not (eq .Description "")) (not (eq .Title "")) -}}
-      <header class="home-header">
+      <header class="home-header" style="background-image: url('{{ "img/home-blob.svg" | absURL }}');">
         <div class="home-blob-text-container">
         {{ with .Title }}<h1 class="home-blob-title">{{ . }}</h1>{{ end }}
         {{ with .Description }}<p class="home-blob-text">{{ . }}</p>{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index e1e163f..a4cf090 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="side-padding">
+<footer class="side-padding" style="background-image: url('{{ "img/home-blob-flip.svg" | absURL }}');">
     <a href="{{ $.Site.BaseURL }}" class="footer-link">
     {{ with resources.Get "icons/home-page.png" }}
         <img class="footer-icon" src="{{ .Permalink }}">