Logo images are not constrained on small viewports

[mattstratton]

That image should not extend outside its parent container.

[mattstratton]

Further review shows that this has other implications - when I opened this ticket, I was only looking at it on mobile.

The code for the image is this:

<img alt="devopsdays {{ $e.city }} {{ $e.year }}" src="/events/{{ $event_slug }}/logo.png" style="max-width: 90%; margin:5%;"/>

So since we are setting it to max-width of 90%, it's going to scale pretty big. What might work is to slightly refactor the the shortcode to put the image inside a div which constrains the width to a certain size.

What I am concerned about is people going quickly to change their images to be smaller, which is going to make them not look good on retina with our image processing. I'd like to fix this as soon as possible. I'll work on it today.