Mobile Layout & Feature Fix

My current site looks fine on desktop, but the mobile version—packaged inside a six-site app—cuts off several hero and gallery images. I need the layout for mobile screens and, while we’re at it, tighten up a few pieces of front-end functionality that have been acting up.

Here’s what I need from you:
• a functional and responsive behaviour from my site so every image and button scales and crops correctly across iOS and Android devices.
• Code-level tweaks to the related functionality (carousels, modals, lazy-loading or any scripts that influence how those images render) to be sure nothing breaks once the layout shifts.
• Clean, well-commented HTML/CSS/JS (or the framework equivalents already in place) delivered back into my repo.
• A quick test sweep on common phone and tablet breakpoints, with a short report noting what you checked and the fixes applied.

I don’t have reference mock-ups; instead you’ll work directly from the existing pages and my notes. If you spot a smarter way to handle spacing, grids, or asset optimisation, feel free to suggest it—no rigid constraints here, just make the mobile experience look and feel right.