I am working on a portfolio using basic html, css, js. I am adapting a template and will be making the changes that suit my needs. On pc, the web page loads fine. However, on my iPhone, the pictures within the portfolio section always load scrunched on top of one another and I cant seem to figure out the root cause of the issue.

The site is deployed here: https://venerable-dasik-8f5a93.netlify.app/

Is this something to do with the layout? The number of pictures? An issue with netlify?