html, body {

    width: 100%;

    height: 100%;

    display: flex;

    padding: 20px;

}

​

.container {

    // margin: auto;

    width: 30vw;

    display: flex;

    align-self: flex-start;

    align-items: flex-start;

    background: #ddd;

    border: 2px solid #999;

    padding: 20px;

    gap: 20px;

}

​

.container > div {

    flex-grow: 1;

    text-align: center;

    color: #fff;

    font-size: 18px;

    background: deeppink;

}

​

.container > div:nth-child(1) {

    aspect-ratio: 1/1;

}

​

.container > div:nth-child(2) {

    aspect-ratio: 2/1;

}

​

.container > div:nth-child(3) {

    aspect-ratio: 3/1;

}