Update

PleatherStarfish · Dec 8, 2024 · 039e616 · 039e616
1 parent 65409cb
commit 039e616
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/backend/static/css/styles.css b/backend/static/css/styles.css
diff --git a/backend/static/css/tailwind.css b/backend/static/css/tailwind.css
@@ -16,10 +16,21 @@
         object-fit: cover;
         position: absolute;
         top: -200px;
-        width: 200%;
+        width: 180%;
       }
 
       @media (min-width: 1040px) {
+        #parallax-image {
+          position: absolute;
+          top: -100px; /* Larger offset for large screens */
+          left: 0;
+          width: 150%; /* Standard width on larger screens */
+          height: auto; /* Maintain aspect ratio */
+          object-fit: cover;
+        }
+      }
+
+      @media (min-width: 1300px) {
         #parallax-image {
           position: absolute;
           top: -200px; /* Larger offset for large screens */

diff --git a/backend/static/js/main.bundle.js b/backend/static/js/main.bundle.js
diff --git a/frontend/src/styles/styles.css b/frontend/src/styles/styles.css