Image decorations for “object-fit”

Note: I wrote the first version of this post in 2014 but never got around to finish it. I’ve tried to update all relevant information while writing the last part today in 2016. The object-fit CSS property is a cool feature that lets you style the “content” of replaced elements (images, videos) in a way that is similar to the keyword values in background-size (most importantly cover and contain). T