Центрирование элемента с соотношением сторон ⇐ CSS

[Anonymous]

У меня возникла странная проблема при попытке центрировать элемент, к которому применено соотношение сторон. Я предполагаю, что это будет вести себя аналогично тому, как работает центрирование изображения, но в итоге я получаю элемент размером 0 пикселей x 0 пикселей.
https://codepen.io/richardcool/pen/ xxeKOwp
Я создал базовый CodePen, чтобы показать проблему. Если я раскомментирую строку align-items: center, то размер элемента станет 0px x 0px. Я также пробовал центрировать с использованием абсолютных позиций и столкнулся с той же проблемой.
Есть какие мысли?

Подробнее здесь: https://stackoverflow.com/questions/780 ... pect-ratio