Tweak image and block sizes

Author: DilsonsPickles

src/components/card/NEWBlogPostCard.astro

@@ -24,7 +24,7 @@ const options: Intl.DateTimeFormatOptions = {
   class="col-span-12 sm:col-span-6 md:col-span-4 flex flex-col gap-4 hover:opacity-90 transition-opacity duration-200"
 >
   <Image
-    width="732"
+    width="396"
     quality="80"
     class="rounded-md aspect-image"
     alt={coverAlt}
@@ -39,3 +39,4 @@ const options: Intl.DateTimeFormatOptions = {
     {description.length > 200 ? `${description.slice(0, 200)}...` : description}
   </p>
 </a>
+

src/components/homepage/ReleaseVideo.astro

@@ -40,7 +40,7 @@ const promoVideo = {
 
 <section class="bg-slate-100">
   <div
-    class="grid md:grid-cols-2 max-w-screen-2xl px-6 sm:px-12 mx-auto py-8 gap-8"
+    class="grid md:grid-cols-2 max-w-screen-lg px-6 sm:px-12 md:px-0 mx-auto py-8 gap-16"
   >
     <FeaturedVideo
       client:load