135 make website dynamic

[h4yleysh4rpe]

Context

Making pages dynamic to different screen sizes, and also to different images being put into Strapi.

Closes #135

What Changed?

Changed heaps of stuff to render conditionally on screen sizes - including but not limited to header sizes, projects page timeline now working for narrow phones, members page chair arrow/fun facts showing for various widths and for various image dimensions, Home page blobs are connected on all screen widths and centred for small screen widths

How To Review

• Look at members, home, feedback/FAQ, about us and projects, specifically for the things above but also keep an eye out otherwise for anything else that should be dynamic. Check that all sizes of screen are reasonable and nothing looks weird. Ignore any carousel components, the horizontal timeline on the about us page, the value cards on about us, and modals that pop up - these will be sorted on other tickets.
• Please put diff sizes/ratios of images in Strapi and check that the chair arrows still point (more or less) to each chair, and that they are not off the edge of the page. This is the main thing that might go weird so be sure to check it

Notes

Branch is 135_make-website-dynamic not make-pages-dynamic

[YvonneLiew]

lgtm

[panmann7]

everything looks good!!