Update logo sizing to allow larger logos on images

Modify client-side and server-side logic to adjust logo size constraints, ensuring logos adhere to a maximum percentage of image dimensions and incorporate padding for better placement.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: aee6d999-ad55-471c-8c9a-6033843f313e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/L05E01m

client/src/pages/image-editor.tsx

@@ -630,12 +630,11 @@ export default function ImageEditor() {
                                 logo.position === "south_west" ? "bottom-4 left-4" :
                                 logo.position === "center" ? "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" :
                                 "top-4 left-4"
-                              } z-10 ${
-                                logo.size === "small" ? "w-16" :
-                                logo.size === "large" ? "w-32" :
-                                "w-24"
-                              }`}
-                              style={{ opacity: logo.opacity / 100 }}
+                              } z-10 max-w-full max-h-full object-contain`}
+                              style={{ 
+                                opacity: logo.opacity / 100,
+                                width: logo.size === "small" ? "35%" : logo.size === "large" ? "70%" : "50%"
+                              }}
                             />
                           )}
                         </div>