diff --git a/apps/www/pages/blog/[year]/[month]/[day]/[slug].tsx b/apps/www/pages/blog/[year]/[month]/[day]/[slug].tsx
index faabecce0d7..6ba7f9a0099 100644
--- a/apps/www/pages/blog/[year]/[month]/[day]/[slug].tsx
+++ b/apps/www/pages/blog/[year]/[month]/[day]/[slug].tsx
@@ -30,9 +30,26 @@ const components = {
   },
   ImageGrid,
   img: (props: any) => {
+    const classes = [
+      'next-image--dynamic-fill',
+      'from-brand-500 to-brand-500',
+      'rounded border bg-gradient-to-r via-blue-500',
+    ]
+
     return (
-      <div className="next-image--dynamic-fill">
-        <Image {...props} layout="fill" className="custom-img" />
+      <div
+        className="
+          next-image--dynamic-fill 
+            to-scale-400  
+            from-scale-500 rounded-md
+            border bg-gradient-to-r
+      "
+      >
+        <Image
+          {...props}
+          className="next-image--dynamic-fill to-brand-1000 from-brand-900 rounded-md border bg-gradient-to-r"
+          layout="fill"
+        />
       </div>
     )
   },