16:9, 4:3, 1:1
Nota: Usei o padding-top, mas poderia ter usado também o padding-bottom, tanto faz. A mágica só acontece porque o tamanho de qualquer padding em porcentagem sempre se refere a largura do elemento. Refinando a solução. O elemento está criado, é proporcional e responsivo, mas há algumas melhorias que ainda podemos fazer: Sem …