adjusted sizing and spacing of body and header text, images, video

src/routes/projects/projectn5/devlog/[year]/[date]/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-    import BannerTitleAlt from "$lib/banner-title-alt.svelte";
+    import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/content.svelte";
     import TableOfContents from "$lib/table-of-contents.svelte";
 
@@ -11,15 +11,15 @@
     <meta name="description" content="{data.description}">
 </svelte:head>
 
-<BannerTitleAlt
-    title="{data.title}"
-    subtitle="Project N5 Devlog"
-    date="{data.date}"
-    banner="preview.webp"
-    bannerAlt="{data.bannerAlt}"    
-/>
+<Content>
 
-<Content useContentWidth>
+    <Banner2
+        title="{data.title}"
+        subtitle="Project N5 Devlog"
+        date="{data.date}"
+        banner="preview.webp"
+        bannerAlt="{data.bannerAlt}"    
+    />
 
     <TableOfContents disableStickyScrolling />