feat: implement event submission flow with image upload and modal interface

app/afrolife/page.tsx

@@ -149,7 +149,12 @@ export default async function AfroLifePage({ searchParams }: Props) {
                               <img 
                                   src={item.thumbnailUrl} 
                                   alt={item.title} 
-                                  className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
+                                  className="w-full h-full object-cover group-hover:scale-[1.05] transition-transform duration-700"
+                                  style={{ 
+                                    objectPosition: item.coverPosition || '50% 50%',
+                                    transform: `scale(${item.coverZoom || 1})`,
+                                    transformOrigin: item.coverPosition || '50% 50%'
+                                  }}
                               />
                               <div className="absolute inset-0 bg-black/20 group-hover:bg-black/10 transition-colors"></div>