I'm having some trouble with styling thumbnail images in snippets on a blog front page. The snippets are in two percentage-width columns in a responsive layout, so I'd like these images to be able to shrink a little bit when necessary.

The client will upload each image with each new article and the CMS adds width/height attributes, so I'm using the clip property, but it's not the perfect answer, even with new values for every breakpoint. I expected it to behave muchlike overflow:hidden, but any hidden part of the image that creeps outside of the viewport triggers side scroll.

Is there any fix for this? I've been running alternatives through my mind, but clip seems like the least impractical option.