diff --git a/frontend/components/global/BlogPost.vue b/frontend/components/global/BlogPost.vue
index acc4f26..485bf58 100644
--- a/frontend/components/global/BlogPost.vue
+++ b/frontend/components/global/BlogPost.vue
@@ -25,7 +25,7 @@ const {} = toRefs(props);
 <template>
     <div
         :class="variant === 'lg' ? 'rounded-150 overflow-hidden' : ''"
-        class="max-h-[700px] h-[700px] relative"
+        class="group max-h-[700px] h-[700px] relative"
     >
 
         <Tag
@@ -47,7 +47,7 @@ const {} = toRefs(props);
 
             <img
                 :src="image"
-                class="absolute size-full object-cover z-10"
+                class="group-hover:scale-105 transition-transform duration-200 absolute size-full object-cover z-10"
                 alt=""
             />
         </div>
@@ -106,7 +106,7 @@ const {} = toRefs(props);
         <img
             v-if="variant === 'lg'"
             :src="image"
-            class="absolute size-full object-cover z-10"
+            class="group-hover:scale-105 transition-transform duration-200 absolute size-full object-cover z-10"
             alt=""
         />