An element has `aspect-ratio: 3 / 1`, a flexible width, and a `min-height`. At a computed width of 600px the ratio implies a 200px height, but `min-height: 300px` is set. What is the rendered height, and is the ratio preserved?
.banner {
aspect-ratio: 3 / 1;
width: 600px;
min-height: 300px;
}