how to create a responsive Square with CSS?

Question

Square means the aspect ratio is fixed to 1 no matter what size is ? how to achieve this in CSS?

Source

Source From