Make the hero image section fill the entire screen in black and white

Update CSS to make the hero image section occupy the full viewport width and height (100vw, 100vh), remove border-radius, and apply a grayscale filter.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 79d79fa4-26ae-4521-8a73-299caaa8adb1
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/LO5wnCQ

static/css/styles.css

@@ -347,11 +347,12 @@ hr {
 
 .hero-image-section {
     position: relative;
-    width: 100%;
-    height: 700px;
-    border-radius: 20px;
+    width: 100vw;
+    height: 100vh;
+    border-radius: 0;
     overflow: hidden;
-    margin: 48px 0 32px 0;
+    margin: 0;
+    margin-left: calc(-50vw + 50%);
 }
 
 .hero-team-image {
@@ -361,6 +362,7 @@ hr {
     position: absolute;
     top: 0;
     left: 0;
+    filter: grayscale(100%);
 }
 
 .hero-overlay {
@@ -1328,9 +1330,9 @@ span.emoji:hover::after {
     }
 
     .hero-image-section {
-        height: 600px;
-        margin: 24px 0 24px 0;
-        border-radius: 16px;
+        height: 100vh;
+        margin: 0;
+        border-radius: 0;
     }
 
     .hero-text-container {