Section 9 : Images do some big

index.html

@@ -481,7 +481,7 @@
         <div class="relative overflow-hidden h-48">
           <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Questions-1.png" 
                alt="Essential Questions to Ask" 
-               class="w-full h-full object-contain transition-transform duration-500 group-hover:scale-105" style="padding: 1rem">
+               class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="padding: 0.5rem">
 </div>
         <div class="p-6">
           <div class="flex items-center mb-2">
@@ -502,7 +502,7 @@
         <div class="relative overflow-hidden h-48">
           <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Migration-2.png" 
                alt="Migration from GP to Business Central" 
-               class="w-full h-full object-contain transition-transform duration-500 group-hover:scale-105" style="padding: 1rem">
+               class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="padding: 0.5rem">
 </div>
         <div class="p-6">
           <div class="flex items-center mb-2">
@@ -524,7 +524,7 @@
         <div class="relative overflow-hidden h-48">
           <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Enhance-3.png" 
                alt="Cloud ERP Benefits" 
-               class="w-full h-full object-contain transition-transform duration-500 group-hover:scale-105" style="padding: 1rem">
+               class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="padding: 0.5rem">
 </div>
         <div class="p-6">
           <div class="flex items-center mb-2">
@@ -546,7 +546,7 @@
         <div class="relative overflow-hidden h-48">
           <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Make-4.png" 
                alt="Business Intelligence" 
-               class="w-full h-full object-contain transition-transform duration-500 group-hover:scale-105" style="padding: 1rem">
+               class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" style="padding: 0.5rem">
 </div>
         <div class="p-6">
           <div class="flex items-center mb-2">

style.css

@@ -9,7 +9,7 @@
   position: relative;
 }
 .resource-card .relative {
-  height: 180px;
+  height: 220px;
   width: 100%;
   overflow: hidden;
   background: transparent;
@@ -17,6 +17,7 @@
   align-items: center;
   justify-content: center;
   background-color: #f8fafc;
+  border-bottom: 1px solid #e5e7eb;
 }
 .resource-card:hover {
   transform: translateY(-8px);
@@ -70,7 +71,7 @@
     min-height: auto;
   }
   .resource-card .relative {
-    height: 180px;
+    height: 200px;
     background: transparent;
   }
 .resource-card img {