added octopuses for mobile

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">

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>