.two-column-module {
    display: flex;
    gap: 2rem;
    padding: 3rem 5rem 3rem 5rem;
    

}

.image-column {
    flex: 1;
    padding: 10px;
    
    margin-top: 1rem;
}
.text-column {
    flex: 1;
    padding: 10px;
}

/* Reverse order when the `reversed` class is applied */
.two-column-module.reversed {
    flex-direction: row-reverse; /* Swaps the order of the flex items */
}
.two-column-module.center {
align-items: center;
}

/* Mobile styles */
@media (max-width: 960px) {
    .two-column-module {
        display: block;
      align-items: center !important;
    }

    .two-column-module.reversed {
        display: block; /* Ensure it stacks vertically even when reversed */
    }

   .image-column {
    max-width: 100%;
    padding: 2rem;
}
    .text-column {
        max-width: 100%;
        padding: 0;
    }
}

/* Mobile styles */
@media (max-width: 680px) {

   .image-column {
    padding: 1rem;
}