.carousel {
    width: 1200px;
    height: 600px;
    border: 1px solid grey;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    justify-content: space-between;
}

.box {
    width: 100px;
    height: 100px;
    background-color: azure;
    border: 1px solid blue;
    border-radius: 1rem;
    transition: all 0.3s ease-in-out;
}

.box:hover {
    flex-grow: 1;
}