Responsive elements that retain their aspect ratio

A bit non-intuitive that padding-bottom: 50% would be relative to the element's width.