Fix Layout Issues on Pottery Studio Site

I have a small pottery studio website built with HTML and CSS. My nephew created it about two years ago, and the code is hosted on GitHub while the site is deployed on Netlify. Everything works well except for the Workshops page. In August, I added a fourth workshop and updated the descriptions directly on GitHub. Since then, the page has developed a few layout issues. I need someone to fix the following: Mobile layout: The workshop cards are appearing side by side instead of stacking properly. The text gets cut off and users have to scroll horizontally. Footer issue: The footer overlaps the last workshop, including its “Book now” button. This happens on desktop as well. Hero image: The large photo at the top of the page looks stretched/squashed on mobile. The rest of the website is working correctly, so this should only require fixing the Workshops page and should not affect the other pages.