Merge pull request #14 from R0m1k3/dev

Dev

.replit

@@ -18,10 +18,6 @@ externalPort = 80
 localPort = 5555
 externalPort = 3002
 
-[[ports]]
-localPort = 39327
-externalPort = 3003
-
 [[ports]]
 localPort = 40537
 externalPort = 3000

server/services/cloudinary.ts

@@ -33,9 +33,9 @@ class CloudinaryService {
 
     // Define eager transformations for images (generated during upload)
     const eagerTransformations = !isVideo ? [
-      { width: 1200, height: 630, crop: 'pad', background: 'auto' },      // Facebook Feed
-      { width: 1080, height: 1080, crop: 'pad', background: 'auto' },     // Instagram Feed
-      { width: 1080, height: 1920, crop: 'pad', background: 'auto' }      // Instagram Story
+      { width: 1200, height: 630, crop: 'pad', gravity: 'center', background: 'black' },      // Facebook Feed
+      { width: 1080, height: 1080, crop: 'pad', gravity: 'center', background: 'black' },     // Instagram Feed
+      { width: 1080, height: 1920, crop: 'pad', gravity: 'center', background: 'black' }      // Instagram Story
     ] : undefined;
 
     // Upload to Cloudinary with eager transformations