Fix mobile CSS selector to use mona-images

[ni0520]

Motivation

• The mobile media-query used the old .june-images selector while the template uses mona-images, causing inconsistent mobile styling; this change unifies the class name so styles apply correctly.

Description

• Replaced .june-images with .mona-images inside the @media only screen and (max-width: 600px) block in public/css/main.css.
• Verified views/index.ejs already uses class="mona-images", so markup and CSS are now consistent.
• Searched the codebase for remaining june occurrences related to image class naming and confirmed there are no other remnants.

Testing

• Ran rg -n "june|mona-images" to confirm the replacement and ensure no remaining june selectors, which succeeded.
• Started the app with node index.js to serve the site and confirmed the server started successfully.
• Executed a Playwright script to capture screenshots at 1280x900 (desktop) and 390x844 (mobile) and verified image sizing behaves as expected in both viewports.

---

Codex Task

[netlify]

✅ Deploy Preview for myapp-52980b ready!

Name	Link
🔨 Latest commit	2cbc2cc
🔍 Latest deploy log	https://app.netlify.com/projects/myapp-52980b/deploys/6993a62a6340d20008f415f6
😎 Deploy Preview	https://deploy-preview-10--myapp-52980b.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.