/* Wrapper styles for layout and spacing */
.biography-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

/* Individual card styles */
.card-1 {
    margin-right: auto;
    order: 1;
}

.card-2 {
    flex-basis: auto;
    order: 2;
}


/* Responsive styling for smaller screens */
@media (max-width: 768px) {


    .biography-wrapper {
        margin: 1%;
        width: 100%;
        justify-content: flex-start;
    }

    /* Adjust image size for responsiveness */
    .biography-wrapper img {
        max-width: 20%;
        max-height: 20%;
    }

    /* Adjust card styles for responsiveness */
    .card-1 {
        flex-basis: 100%;
        order: 2;
    }

    .card-2 {
        margin-bottom: auto;
        flex-basis: 100%;
        order: 1;
    }

}