User browser native supports of aspect-ratio

[roderickhsiao]

New aspect-ratio property launching in Chromium 88, Firefox 87, and Safari Technology Preview 118. [1]

Adding support for native calculation, keeping the same html structure while remove padding trick in favor of aspect-ratio

[1] https://web.dev/aspect-ratio/

[roderickhsiao]

Learnings so far

• aspect-ratio does't take direct decimal like custom property
• pseudo class fallback https://codepen.io/una/pen/BazyaOM doesnt work for iframe/img tag directly
• pure css media query target same html might be possible but need tweaks