.alltubes-dv {
    width: 100%;
    max-width: 35rem; /* Match max-width for consistent ratio */
    aspect-ratio: 35 / 16.9; /* Maintain the same aspect ratio */
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    border: 1px solid gray;
    overflow: hidden;
}
.tube {
    cursor: pointer;
    width: 20%;
    height: 100%;
    border: 1px solid rgb(50, 50, 50);
    border-top: none;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 0 0 1.5rem 1.5rem;
}
.color1-ball,
.color2-ball {
    border: 1px solid rgb(36, 36, 36);
    width: 65%;
    height: 25%; 
    border-radius: 50%;
}
#tube1,
#tube3 {
    background-color: rgb(255, 102, 102);
}
#tube2,
#tube4 {
    background-color: rgba(91, 118, 255, 0.805);
}
.color1-ball {
    background-color: rgb(236, 0, 0);
}
.color2-ball {
    background-color: rgb(28, 0, 188);
}
.highlighted {
    box-shadow: 0 0 0.5rem #1aae00;
}