fix-attempt 4 on issue 59

src/App.vue

@@ -36,6 +36,8 @@ export default {
 
     onMounted(() => {
       offset.value = setOffset()
+
+      document.querySelector('.bg-img').style.height = document.documentElement.clientHeight + 'px'
     })
 
     return {offset}
@@ -49,6 +51,14 @@ export default {
   src: local("Obitron"), url("../public/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
 }
 
+.bg-img {
+  z-index: -1;
+  position: fixed;
+  width: 100%;
+  object-fit: cover;
+  overflow: hidden;
+}
+
 #cookie-btn {
   position: fixed;
   bottom: 30px;

src/scss/classes.scss

@@ -24,15 +24,6 @@
   animation: placeholder-wave-alt 2.5s linear infinite;
 }
 
-.bg-img {
-  z-index: -1;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  overflow: hidden;
-}
-
 @keyframes placeholder-wave-alt {
   100% {
     mask-position: -200% 0%;