What is CSS aspect-ratio property?
New CSS4 property - responsive aspect-ratio, replaces traditional pixel width with feature resolution to automatically resize the image in ratio of screen size without distortion.
The CSS responsive aspect-ratio property is a progressive solution to the problem of different screen densities in the market. CSS responsive aspect ratio works great with grid structure too, when there are multiple grids on both the axes, and a slight readjustment can lead to overflows and inappropriate visuals.
Check this blog on How To Use Aspect-Ratio CSS Property In Responsive Web Designs? to know more.