diff --git a/src/APP/pages/blog2/sections/BlogHeader.jsx b/src/APP/pages/blog2/sections/BlogHeader.jsx
index 48076879..6cdfa948 100644
--- a/src/APP/pages/blog2/sections/BlogHeader.jsx
+++ b/src/APP/pages/blog2/sections/BlogHeader.jsx
@@ -50,7 +50,7 @@ function BlogHeader({
         <img
           src={image}
           alt={title}
-          className="object-cover overflow-hidden w-full md:h-[320px] md:rounded-xl px-4 md:px-0"
+          className="object-contain overflow-hidden w-full lg:rounded-xl px-4 md:px-0"
         />
 
         <div className="flex flex-row items-center justify-between px-3 ">