Things That Can Break aspect-ratio in CSS

CSS aspect-ratio property helps in creating flexible designs without fixed dimensions, matching desired outcomes better than forcing dimensions.

Setting both height and width on an element overrides aspect-ratio. Unexpectedly set dimensions can cause aspect-ratio to fail, even outside CSS, like with an image's height attribute.

Read at Frontend Masters Boost