fix: image display on events page

Author: lillianhidet

src/pages/mahi/events.astro

@@ -111,13 +111,13 @@ const eventBenefits = [
             <Image
               src={robocupImage}
               alt="RoboCup 2025 competition featuring robotics teams"
-              class="w-full h-80 object-cover"
+              class="w-full h-100 object-cover"
               width={600}
               height={320}
             />
-            <div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent">
-              <div class="absolute bottom-8 left-8 right-8">
-                <div class="bg-white/20 backdrop-blur-sm rounded-lg p-4">
+            <div class="absolute inset-0 bg-gradient-to-t from-black/100 via-transparent to-transparent">
+              <div class="absolute bottom-0 left-0 right-0">
+                <div class="bg-white/20 rounded-lg p-3">
                   <h3 class="text-white text-xl font-bold mb-2">RoboCup 2025</h3>
                   <p class="text-white/90 text-sm">
                     Teams from across New Zealand competing in robotics challenges, showcasing innovation and teamwork.