fix: header on startpage is now full width

components/ContentType/StartPage/index.tsx

@@ -23,7 +23,7 @@ export default async function StartPage() {
   const { header, blocks } = content.startPage
 
   return (
-    <PageContainer>
+    <>
       <header className={styles.header}>
         <div className={styles.headerContent}>
           <Title color="white" textAlign="center">
@@ -41,11 +41,12 @@ export default async function StartPage() {
             }
             src={header.hero_image.url}
             focalPoint={header.hero_image.focalPoint}
-            width={1512}
-            height={560}
+            sizes="100vw"
+            fill
           />
         ) : null}
       </header>
+      <PageContainer>
         <main className={styles.main}>
           {blocks
             ? blocks.map((block) => {
@@ -70,5 +71,6 @@ export default async function StartPage() {
           <TrackingSDK pageData={content.tracking} />
         </Suspense>
       </PageContainer>
+    </>
   )
 }