Fix homepage content collection heading alignment

Headers/headings for content collections on the homepage are correctly
centered on small viewports, but not left aligned on large viewports.
This commit will fix the alignment on large viewports.

src/pages/index.astro

@@ -164,17 +164,14 @@ const works = (await getCollection("work"))
     .section-header {
       grid-area: header;
       font-size: var(--text-lg);
+      justify-self: left;
+      text-align: left;
     }
 
     .section-header h3 {
       font-size: var(--text-4xl);
     }
 
-    .section-header .with-cta {
-      justify-self: flex-start;
-      text-align: left;
-    }
-
     .gallery {
       grid-area: gallery;
     }