added image gallery component; moved blurred background to separate CSS class

src/lib/viewport/footer.svelte

@@ -15,7 +15,7 @@
 </script>
 
 <footer>
-    <div class="background">
+    <div class="background blurred-background">
         <hr>
         <div class="content-container">
             <div class="content-box center-box">
@@ -92,7 +92,6 @@
 
     .background {
         background-color: var(--color-background-highlight);
-        backdrop-filter: blur(var(--blur-radius-background));
         margin-top: 32px;
     }