like this

index.html

@@ -15,9 +15,11 @@
             height: 100vh;
             margin: 0;
             background-color: #f5f5f5;
+            background-image: url('https://huggingface.co/spaces/usergit/hoverific-delight/resolve/main/images/photo_2025-10-03_17-49-57.jpg');
+            background-size: cover;
+            background-position: center;
         }
-        
-        .menu-container {
+.menu-container {
             display: flex;
             flex-direction: column;
             gap: 15px;
@@ -77,9 +79,17 @@
                 <a href="#"><i data-feather="award"></i> Staff Picks</a>
             </div>
         </div>
+        <div class="menu-item">
+            <i data-feather="image"></i>
+            <span>Gallery</span>
+            <div class="submenu">
+                <a href="#"><i data-feather="camera"></i> Photos</a>
+                <a href="#"><i data-feather="video"></i> Videos</a>
+                <a href="#"><i data-feather="grid"></i> Collections</a>
+            </div>
+        </div>
     </div>
-
-    <script>
+<script>
         feather.replace();
     </script>
 </body>