[data-aspect-ratio] { position: absolute; top: 0; left: 0; width: 100%; height: 0; }
[data-aspect-ratio="1:1"] { padding-top: 100%; }
[data-aspect-ratio="4:3"] { padding-top: 75%; }
[data-aspect-ratio="16:9"] { padding-top: 56.25%; }
[data-aspect-ratio="16:10"] { padding-top: 62.5%; }
[data-aspect-ratio="21:9"] { padding-top: 42.86%; }
[data-object-fit][data-object-fit] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) translateZ(0); }