fix: images on mobile break responsiveness
Images broke the design on mobile, this is an issue on multiple pages, especially recent news articles:
I think fixing this is really important as people will click on links to our website from their phones and then have a horrible user experience.
I just added a new file as we appear to not have much css besides bootstrap, I hope that is okay.
Screenshots
These were taken from desktop chrome, my android phone handles the issue a bit different, rendering the text awfully small, instead of cutting the hamburger button off.
Before:
After:
In this example the text on the image might be hard to read, but people can just open the image in a new tab with their browser, download the image or zoom in. I am really against adding anything lightbox esque and just want to fix the page not being responsive in this MR.