How to make centre cropped image responsive?

Question

Based on an existing answer, I have managed to centre crop an image. I am having trouble making the centre cropped image responsive, though.

Question

Answer 1

Use the padding hack. U need a container, which you set to be a width in percent, height of 0 and padding on the bottom to create the aspect ratio you are looking for. If you can set your image as a background it's even easier.

I have written a sass mixin for that, and also a small tutorial on my blog which comes with a little more extensive explanation: http://bekreatief.blogspot.ch/2014/09/padding-hack-sass-faux-color-overlay.html

If you need to have your image in an image tag, let me know, it's possible as well, but not as fast