Suggest a new feature - add breakpoints to ratios

[jellestekelenburg]

Prerequisites

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

Proposal

Ratios inside of bootstrap work fine but when you only want a certain ratio from lets say breakpoint-lg you're stuck in the styling of the .ratio class.

I suggest maybe redoing the whole ratio feature because of the new aspect-ratio propperty in css.

I'd love to atleast see a fix to have something like .ratio-lg to have the ratio class active from 992px

Motivation and context

It has become a roadblock and i've had to stop using th class altogether and create my own. Which isn't that bad but for something like Bootstrap you would like this to work out of the box.

[royGarima1518]

@media (min-width: 992px) {
  .ratio-lg {
    --#{$prefix}aspect-ratio:  @#{$large-screen-ratio};
  }
}

[mdo]

Will come with v6 when we move ratio to utilities.