fix: display outline correctly on >=960px <=1280px screen width

[JounQin]

Summary

Related Issue

close #1540

Checklist

• Tests updated (or not required).
• Documentation updated (or not required).

[netlify]

✅ Deploy Preview for aquamarine-blini-95325f ready!

Name	Link
🔨 Latest commit	6c76bc4
🔍 Latest deploy log	https://app.netlify.com/sites/aquamarine-blini-95325f/deploys/67caa0ce060ae000081180b4
😎 Deploy Preview	https://deploy-preview-1918--aquamarine-blini-95325f.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 94 (🟢 up 5 from production) Accessibility: 97 (no change from production) Best Practices: 92 (no change from production) SEO: 100 (no change from production) PWA: - View the detailed breakdown and full score reports

---

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