diff --git a/layouts/index.html b/layouts/index.html
index bdb6418..9e0b96c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -10,7 +10,6 @@
 <header>
   {{ partial "header.html" . }}
 </header>
-{{ partial "overlay.html" . }}
 <div id="main">
   {{ $sourcePath := "images" }}
   {{ $gallery := site.GetPage $sourcePath }}
@@ -35,11 +34,7 @@
     {{ end }}
     <script id="images_array" type="application/json">{{ $.Scratch.Get "img" | jsonify | safeJS }}</script>
   {{ end }}
-  <div class="image_container" id="layer5" data-status="null"></div>
-  <div class="image_container" id="layer4" data-status="null"></div>
-  <div class="image_container" id="layer3" data-status="null"></div>
-  <div class="image_container" id="layer2" data-status="null"></div>
-  <div class="image_container" id="layer1" data-status="null"></div>
+  {{ partial "desktop_wrapper.html" . }}
 </div>
 <footer>
   {{ partial "footer.html" . }}
diff --git a/layouts/partials/desktop_wrapper.html b/layouts/partials/desktop_wrapper.html
new file mode 100644
index 0000000..97d8c0f
--- /dev/null
+++ b/layouts/partials/desktop_wrapper.html
@@ -0,0 +1,8 @@
+<div class='desktop_wrapper'>
+  {{ partial "overlay.html" . }}
+  <div class="image_container" id="layer5" data-status="null"></div>
+  <div class="image_container" id="layer4" data-status="null"></div>
+  <div class="image_container" id="layer3" data-status="null"></div>
+  <div class="image_container" id="layer2" data-status="null"></div>
+  <div class="image_container" id="layer1" data-status="null"></div>
+</div>
\ No newline at end of file