.bigcontainer {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* Ensures all containers have the same height */
    gap: 1.38vw; /* Adds spacing between containers */
    width: 100%;
}

.source-container, .drop-container {
    border-color: #32ec98;
    border-style: dashed;
    padding: 0.625rem;
    width: 30%; /* Adjust width as needed */
    min-height: 24.24vh; /* Set a minimum height */
    background-color: #f8f8f8;
}


.draggable {
    width: 6.944vw;
    height: 12.121vw;
    margin: 0.625rem;
    cursor: move;
    }

.text {
 padding: 0.625rem;
border: 0.063rem solid #ddd;
border-radius: 0.313rem;
width: auto;
height: auto;
background: #f9f9f9;
 }