diff --git a/src/components/section/CarouselSection.astro b/src/components/section/CarouselSection.astro
index 5371146..1c3c786 100644
--- a/src/components/section/CarouselSection.astro
+++ b/src/components/section/CarouselSection.astro
@@ -9,14 +9,14 @@ const { images, class: className } = Astro.props;
 
 <div class="bg-white">
   <div class="mx-auto">
-    <div class="swiper h-200">
+    <div class="swiper lg:h-200 md:h-150 h-100">
       <div class="swiper-wrapper">
         {
           images.map((image) => (
             <div class="swiper-slide h-full">
               <div class="flex!  h-full flex-col items-center justify-center relative">
                 {image.text && (
-                  <div class="uppercase text-2xl lg:text-9xl text-white text-shadow-lg absolute font-secondary">
+                  <div class="uppercase lg:text-9xl md:text-5xl text-4xl text-white text-shadow-lg absolute font-secondary">
                     {image.text}
                   </div>
                 )}
diff --git a/src/pages/news/[id].astro b/src/pages/news/[id].astro
index b95d4cb..0b31512 100644
--- a/src/pages/news/[id].astro
+++ b/src/pages/news/[id].astro
@@ -31,22 +31,22 @@ const { Content } = await render(post);
   <div class="container mx-auto">
     {post.data.gallery && <CarouselSection images={post.data.gallery} />}
     <div class="grid md:grid-cols-10">
-      <div class="md:col-span-7 bg-white p-8 md:p-20 prose-p:mb-4 text-[#003421]">
-        <Content />
-      </div>
-      <div class="md:col-span-3 bg-tertiary">
-		{ post.data.youtube && (
-			<YouTube id={post.data.youtube} />
+        <div class="md:col-span-7 bg-white p-8 md:p-20 prose-p:mb-4 text-[#003421]">
+          <Content />
+        </div>
+      <div class="md:col-span-3 bg-tertiary md:sticky top-0 h-fit">
+        { post.data.youtube && (
+          <YouTube id={post.data.youtube} />
 
-		)}
+        )}
 
-		{post.data.gallery && (
-			post.data.gallery.map(galleryImage => (
-				<Image src={galleryImage.image} alt={galleryImage.text} />
-			))
-		)}
+        {post.data.gallery && (
+          post.data.gallery.map(galleryImage => (
+            <Image src={galleryImage.image} alt={galleryImage.text} />
+          ))
+        )}
 
-	  </div>
+	    </div>
     </div>
   </div>
 </MainLayout>