fix: resolve text truncation and optimize responsiveness on intermediate screens

[Junnygram]

This PR resolves issue #934 where the text 'Expect more from your infrastructure' was being truncated on smaller screen resolutions (specifically between 768px and 1200px).

Changes Implemented:

• Increased the of the dashboard headline from 40% to 70% (and 60% for screen sizes up to 1200px) to prevent long words from overflowing.
• Changed the wrapping breakpoint for the from 768px to 1100px. This allows items to stack vertically on medium/tablet screens, improving readability.
• Added media queries for better font scaling on intermediate breakpoints (1200px and 768px).
• Ensured consistent alignment by centering the content at the new 1100px breakpoint.

Fixes #934

[netlify]

✅ Deploy Preview for bejewelled-pegasus-b0ce81 ready!

Name	Link
🔨 Latest commit	c778f45
🔍 Latest deploy log	https://app.netlify.com/projects/bejewelled-pegasus-b0ce81/deploys/69d09bca2862dc000879a0ac
😎 Deploy Preview	https://deploy-preview-938--bejewelled-pegasus-b0ce81.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.