Fix scaling and orientation changes on mobile.

This fixes scaling and orientation changes on mobile, and also makes desktop send a properly sized image (300x300 instead of 400x300) so we don't need to do cropping in CSS. Should reduce the size of the frames as well, so we could probably bump the quality up a bit and get the same filesize as before, but I'll leave that up to you :penguin: :ghost: