diff --git a/src/assets/images/projects/artapi.png b/src/assets/images/projects/artapi.png
index e75d1cd..51250bf 100644
Binary files a/src/assets/images/projects/artapi.png and b/src/assets/images/projects/artapi.png differ
diff --git a/src/assets/images/projects/artclick.png b/src/assets/images/projects/artclick.png
index 4cadc63..649e10f 100644
Binary files a/src/assets/images/projects/artclick.png and b/src/assets/images/projects/artclick.png differ
diff --git a/src/assets/images/projects/artsite.png b/src/assets/images/projects/artsite.png
index 8e75577..fcf160d 100644
Binary files a/src/assets/images/projects/artsite.png and b/src/assets/images/projects/artsite.png differ
diff --git a/src/components/Project.vue b/src/components/Project.vue
index 74c0e0c..ec7b766 100644
--- a/src/components/Project.vue
+++ b/src/components/Project.vue
@@ -1,7 +1,7 @@
 <template>
   <a :href="url" target="_blank" rel="noopener noreferrer">
     <div class="rounded-lg shadow-xl h-92 w-full lg:w-84 text-left bg-gray-100 dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
-      <div class="h-1/2 post flex justify-center">
+      <div class="h-1/2 w-full post flex justify-center">
         <img :src="getCover" alt="Project Image" class="h-full rounded-t-lg"/>
       </div>
       <div class="h-1/2 p-4 flex flex-col justify-between">