diff --git a/.gitignore b/.gitignore
index 5c6e4fe..c3baf5d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,7 @@
 .DS_Store
 /node_modules/
+.vscode/cspell.json
+.vscode/.cspell/
 .env
 
 # React Router
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 0db6929..990a0ee 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -26,6 +26,5 @@
     "buttonClassName",
     "leftNodeClassName",
     "rightNodeClassName"
-  ],
-  "cSpell.words": []
+  ]
 }
diff --git a/app/components/ui/carousel-section.tsx b/app/components/ui/carousel-section.tsx
index 809fe74..1e6bee0 100644
--- a/app/components/ui/carousel-section.tsx
+++ b/app/components/ui/carousel-section.tsx
@@ -84,7 +84,7 @@ export const CarouselSection = (properties: TNews) => {
               >
                 <div className="flex flex-col justify-between">
                   <img
-                    className="aspect-[5/4] max-h-[280px] w-full rounded-md object-cover"
+                    className="aspect-[174/100] max-h-[280px] w-full rounded-md object-cover sm:aspect-[5/4]"
                     src={featured}
                     alt={title}
                   />
diff --git a/app/components/ui/category-section.tsx b/app/components/ui/category-section.tsx
index 4996591..7b34c51 100644
--- a/app/components/ui/category-section.tsx
+++ b/app/components/ui/category-section.tsx
@@ -46,7 +46,7 @@ export const CategorySection = (properties: TNews) => {
             >
               <img
                 className={twMerge(
-                  'aspect-[5/4] w-full rounded-md object-cover',
+                  'aspect-[174/100] w-full rounded-md object-cover sm:aspect-[5/4]',
                 )}
                 src={featured}
                 alt={title}