Making my images play nicely with mobile devices

It was pointed out to me earlier today that whilst the carousel on my home page scales and looks right on everything from desktops to mobile phones, the "top-hat" images I've been including in posts don't play quite as nicely on mobile devices.

As it turns out, thanks to the fact that the theme I'm using for Orchard uses Bootstrap it's very easy to get it to do the hard work for me. I'm sure there are probably better ways to do this, including uploading images at different sizes to cater for different screen resolutions in a slightly less bandwidth greedy way, but,... as a quick fix, simply adding:

class="img-responsive"

to the top-hat images makes them scale sensibly across different devices and screen resolutions. All I've got to do now is work my way through the back-catalog of posts and add this in!