.container {
    display: flex;
    width: 90%;                /* limit total width */
    margin: 10px auto;        /* center horizontally */
    gap: 10px;                 /* space between items */
}

.container div {
    flex-grow: 1.5;
    background-color: #64A341; /* just for visibility */
    color: white;
    text-align: center;
    padding: 50px 0;           /* height of boxes */
    transition: flex-grow 0.5s ease; /* smooth animation */
    cursor: pointer;
}

.container div:hover {
    flex-grow: 4; /* expands the hovered item */
}