How to create a box with fixed Aspect Ratio in CSS?

Question

It is very common in responsive web apps to maintain fixed aspect ratio of an element to adapt to different window sizes.

Actually there is more than 1 solution to this, what could you think of?

Source

Source From