Revert "background image update"

This reverts commit b360233.
focallocal · Oct 18, 2023 · 59287cd · 59287cd
1 parent b360233
commit 59287cd
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/imports/client/ui/pages/Home/index.js b/imports/client/ui/pages/Home/index.js
@@ -24,8 +24,7 @@ class Home extends Component {
     let backgroundImage = {
       backgroundImage: `url(${url})`,
       opacity,
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
+      backgroundAttachment: 'fixed',
     };
     let imgStyle = { width: '100%' };
 
@@ -35,25 +34,34 @@ class Home extends Component {
           position: relative;
           overflow: hidden;
         }
+        .spacer {
+          height: 4em;
+        }
         .background-image {
-          display: none;
+          position: fixed;
+          top: 4em;
+          left: 0;
+          width: 100%;
+          height: calc(100% - 4em);
+          background-size: cover;
+          background-position: center;
+          z-index: -1;
         }
         .home-content {
           position: relative;
           padding-top: 30vh;
           text-align: center;
+          z-index: 1;
         }
       }
     `;
 
     return (
       <main className="home">
         <style>{largeScreenStyle}</style>
+        <div className="spacer"></div>
         <div className="background-image" style={backgroundImage}></div>
         <div className="home-content">
-          <div style={{ height: '100vh' }}>
-            <div style={backgroundImage}></div>
-          </div>
           <MovementSection />
           <ProjectsSection />
           <EventsSection />