Mobile Homepage Adjustments

My site looks fine on desktop, but the mobile home page needs a quick polish. I want the “categories” block repositioned so the flow makes more sense on smaller screens, and the spacing throughout tightened up—the current margins and padding feel random on a phone. While you’re in there, I also have a couple of hero images that need to be swapped with new files I’ll provide (same dimensions, lighter weight).

Please work directly in the existing codebase, keeping everything responsive and touch-friendly. A short hand-off note explaining the key CSS or theme edits will be enough; no full documentation set is necessary. Once the categories section sits where it should and the new images render crisply without breaking layout, we’re done.