Update GhostPackDemo/readme.md

GhostPackDemo/readme.md

@@ -56,24 +56,28 @@
 
 ---
 
-## 📺 Demos & Screenshots
+## 📺 Demo & Screenshots
 
-<div align="center" style="display: flex; flex-direction: row; flex-wrap: nowrap; gap: 22px; align-items: center;">
-
-<img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/k8pgUlg4OvdUZpbMNTcp5.gif" alt="GhostPack Demo GIF" style="width: 420px; height: auto; border-radius: 14px; box-shadow: 0 0 32px #ff00ff; margin-bottom: 12px;">
+<div align="center">
 
-<img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/7ABE2lOA4LOUtPfh1mhxP.png" alt="Main Interface" style="width: 260px; height: auto; border-radius: 12px; box-shadow: 0 0 18px #00ffcc; margin-bottom: 12px;">
+<!-- Demo GIF (large, centered) -->
+<img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/k8pgUlg4OvdUZpbMNTcp5.gif" alt="GhostPack Demo GIF" style="width: 470px; height: auto; border-radius: 16px; box-shadow: 0 0 32px #ff00ff; margin-bottom: 28px;">
 
-<img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/9qNVRX2eM2iCY8xQKcOwW.png" alt="Advanced Settings" style="width: 260px; height: auto; border-radius: 12px; box-shadow: 0 0 18px #00ffcc; margin-bottom: 12px;">
+<!-- Screenshots row (3 images in one line, bigger) -->
+<div style="display: flex; flex-direction: row; justify-content: center; gap: 28px;">
 
-<img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/--fIS9ITg4-VqN22ySoa2.png" alt="Logs Display" style="width: 260px; height: auto; border-radius: 12px; box-shadow: 0 0 18px #00ffcc; margin-bottom: 12px;">
+  <img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/7ABE2lOA4LOUtPfh1mhxP.png" alt="Main Interface" style="width: 320px; height: auto; border-radius: 12px; box-shadow: 0 0 18px #00ffcc;">
+  
+  <img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/9qNVRX2eM2iCY8xQKcOwW.png" alt="Advanced Settings" style="width: 320px; height: auto; border-radius: 12px; box-shadow: 0 0 18px #00ffcc;">
+  
+  <img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/--fIS9ITg4-VqN22ySoa2.png" alt="Logs Display" style="width: 320px; height: auto; border-radius: 12px; box-shadow: 0 0 18px #00ffcc;">
 
 </div>
 
-<div align="center">
 <sub>
-<strong>Demo GIF</strong> &nbsp; • &nbsp; <strong>Main Interface</strong> &nbsp; • &nbsp; <strong>Advanced Settings</strong> &nbsp; • &nbsp; <strong>Logs</strong>
+<strong>Main Interface</strong> &nbsp; • &nbsp; <strong>Advanced Settings</strong> &nbsp; • &nbsp; <strong>Logs</strong>
 </sub>
+
 </div>
 
 > See more: [Demo Videos](https://github.com/ghostai1/GhostPack/blob/main/demo_videos)