diff --git a/themes/sophie-lewis/layouts/partials/header.html b/themes/sophie-lewis/layouts/partials/header.html
index 80e0cb8..1c5ddf5 100644
--- a/themes/sophie-lewis/layouts/partials/header.html
+++ b/themes/sophie-lewis/layouts/partials/header.html
@@ -1,4 +1,4 @@
-<div class="hero header">
+<div class="hero header octopus-mobile">
   <div class="hero-body">
     <a href="/">
       <p class="title is-size-0">
diff --git a/themes/sophie-lewis/layouts/partials/octocss.html b/themes/sophie-lewis/layouts/partials/octocss.html
index b0fe98a..9bc158b 100644
--- a/themes/sophie-lewis/layouts/partials/octocss.html
+++ b/themes/sophie-lewis/layouts/partials/octocss.html
@@ -5,5 +5,23 @@
   background-repeat: no-repeat;
   background-size: contain;
 }
+@media all and (max-width: 1023px) {
+  .octopus-mobile::before { 
+    background-image: url('{{ $octo_url }}');
+    background-repeat: no-repeat;
+    background-size: 40%;
+    background-position: 100%;
+    opacity: 60%;
+    content:"";
+    position:absolute;
+    top:-60%;
+    bottom:0;
+    right:0;
+    left:0;
+    width:auto;
+    height:auto;
+    z-index:-3;
+  }
+}
 
 </style>
\ No newline at end of file