Update index.html

index.html

@@ -35,16 +35,27 @@
         flex-direction: row;
         padding: 1.5rem;
       }
-      #panel-logo {
-        padding-right: 2em;
-        width: 300px;
-      }
+     #panel-logo {
+    padding-right: 2em;
+    width: 100px;  /* Adjust width as needed */
+    height: auto;  /* Maintain aspect ratio */
+    }
       .gallery-item {
         border: 0.1px solid gray;
 	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
         cursor: pointer;
         text-align: center;
       }
+      .header-content {
+    display: flex;
+    flex-direction: row;
+    padding: 1.5rem;
+    align-items: center;
+    background-image: url('background_image.png');  /* Replace with your image file */
+    background-size: cover;  /* Ensure the image covers the entire area */
+    background-position: center;  /* Center the image */
+    }
+
       .gallery-item:hover {
         border: 0.1px solid black;
 	box-shadow: rgba(20, 20, 50, 0.25) 0px 9px 18px -2px, rgba(0, 0, 0, 0.3) 0px 6px 10px -3px;