Replace aspect ratio options with min aspect ratios

Created by: dithom

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

Right now the aspect ratio options lead to elements being displayed in the exact aspect ratio, while the inner element is set to position: absolute. This way the content is not able to dynamically grow in height, if the aspect ratio is too small on a specific breakpoint.

You can avoid this issue by using a different aspect ratio 'hack', as described here https://matthiasott.com/notes/aspect-ratio-in-css

Maybe this could be replaced with the current implementation of aspect ratio or at least added as 'min-aspect-ratio'?

Motivation and context

There are often cases, when you want a card element to have a specific aspect ratio on screen sizes with enough space. However smaller screens break these layouts by not providing enough space for the cards content and the cards height needs to adjust to the content.