.container {
    margin: 0 auto;
    display: grid;
    max-width: 1200px;
    grid-template-columns: auto;
    grid-template-rows: auto;
}

.genericContainer {
    padding: 20px;
    margin: 30px;
    background-color: white;
    border: 1px solid #8fe6e6;
    border-radius: 10px;
}

.ColumnThatMoves {
    grid-row: 1 / span 2; /* Spans both rows */
    grid-column: 2;
    background-color: #fbefef;
}
    
/* Media query for screen widths under 1000px */
@media (max-width: 1000px) {
    .ColumnThatMoves {
        grid-row: auto; /* Position under the first column */
        grid-column: auto;
    }
}