body {
    font-family: sans-serif;
}

#container {
    aspect-ratio: 1;
    border: 2px solid red;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    position: relative;
    width: 40%;
}
#box {
    aspect-ratio: 1;
    background: beige;
    border: 1px solid brown;
    box-sizing: border-box;
    font-size: 2rem;
    font-weight: 100;
    padding: 16px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: left 3s, top 3s;
    transition-timing-function: ease-in-out;
    width: min(40%, 200px);
}