diff --git a/components/landing-page/blog/BlogCard.tsx b/components/landing-page/blog/BlogCard.tsx index 9570d2ca1..ebd44dcc5 100644 --- a/components/landing-page/blog/BlogCard.tsx +++ b/components/landing-page/blog/BlogCard.tsx @@ -24,7 +24,7 @@ const BlogCard = ({ post, onCardClick }: BlogCardProps) => { src={post.coverImage} alt={post.title} fill - className='object-cover transition-transform duration-500 group-hover:scale-105' + className='object-contain transition-transform duration-500 group-hover:scale-105' sizes='(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw' /> {/* Gradient Overlay */} diff --git a/components/landing-page/blog/BlogPostDetails.tsx b/components/landing-page/blog/BlogPostDetails.tsx index 43a7fc1cb..fe07c03ab 100644 --- a/components/landing-page/blog/BlogPostDetails.tsx +++ b/components/landing-page/blog/BlogPostDetails.tsx @@ -140,7 +140,7 @@ const BlogPostDetails: React.FC = ({ src={post.coverImage} alt={post.title} fill - className='rounded-lg object-cover' + className='rounded-lg object-contain' priority sizes='(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 70vw' /> @@ -191,7 +191,7 @@ const BlogPostDetails: React.FC = ({ > = ({ > @@ -235,7 +235,7 @@ const BlogPostDetails: React.FC = ({ > = ({ >