Update custom.scss

Author: NetrunnerCodex

_sass/custom/custom.scss

@@ -1,17 +1,44 @@
-.page-header {
-    height: 250px;
-    background-size: cover;
-    background-position: center;
+// Page Header
+
+.header-container {
     display: flex;
     align-items: center;
-    justify-content: center;
-    color: white;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
+    justify-content: space-between;
+    height: 250px; /* Adjust height to match the image */
+    padding: 20px; /* Add padding for spacing */
+    box-sizing: border-box;
+}
+
+.title-box {
+    flex: 1;
+    padding-right: 20px; /* Space between title and image */
+    color: #333; /* Modern typography color */
 }
 
 .page-title {
     font-size: 2rem;
     font-weight: bold;
+    margin: 0;
+}
+
+.page-subtitle {
+    font-size: 1.2rem;
+    color: #666;
+    margin-top: 5px;
+}
+
+.image-box {
+    flex-shrink: 0;
+    width: 590px;
+    height: 250px; /* Keep original image size */
+    overflow: hidden;
+}
+
+.image-box img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover; /* Ensures consistent image display */
+    border-radius: 8px; /* Optional: Rounded corners for a modern look */
 }
 
 // Blue Button