Adjust release video block

Author: DilsonsPickles

src/components/homepage/ReleaseVideo.astro

@@ -7,14 +7,14 @@ import FeaturedVideo from "../video/FeaturedVideo";
 const releaseVideoPlaceholderImage = await getImage({
   src: ReleaseVideoPlaceholder,
   format: 'webp',
-  width: 624,
+  width: 448,
   quality: 80,
 });
 
 const featuredVideoPlaceholderImage = await getImage({
   src: PromoVideoPlaceholder,
   format: 'webp',
-  width: 624,
+  width: 448,
   quality: 80,
 });
 
@@ -40,7 +40,7 @@ const promoVideo = {
 
 <section class="bg-slate-100">
   <div
-    class="grid md:grid-cols-2 max-w-screen-lg px-6 sm:px-12 md:px-0 mx-auto py-8 gap-16"
+    class="grid md:grid-cols-2 max-w-screen-lg px-6 md:px-10 lg:px-0 mx-auto py-8 gap-8 md:gap-12"
   >
     <FeaturedVideo
       client:load