diff --git a/pages/blog/index.page.tsx b/pages/blog/index.page.tsx
index b9dcebf26..473773f68 100644
--- a/pages/blog/index.page.tsx
+++ b/pages/blog/index.page.tsx
@@ -204,7 +204,7 @@ export default function StaticMarkdownPage({
               src={recentBlog[0].frontmatter.cover}
               alt={recentBlog[0].frontmatter.title}
               fill
-              className='object-cover w-full h-full opacity-70 blur-[5px]'
+              className='object-fill w-full h-full opacity-70 blur-[5px]'
               priority
               quality={75}
             />
@@ -316,7 +316,7 @@ export default function StaticMarkdownPage({
                       src={frontmatter.cover}
                       alt={frontmatter.title}
                       fill
-                      className='object-cover transition-transform duration-300 group-hover:scale-110'
+                      className='object-fill transition-transform duration-300 group-hover:scale-110'
                       loading={idx < 10 ? 'eager' : 'lazy'}
                       priority={idx < 10}
                       quality={75}
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 95fb51ddd..41ce2d046 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -427,7 +427,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={blogPosts[0].frontmatter.cover}
-                      className='w-full h-[232px]  mb-4'
+                      className='object-fill mb-4'
                       width={600}
                       height={232}
                       alt='blog'