.maria-about-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 10px;
}

/* Tablet and up */
@media (min-width: 768px) {
    .maria-about-section {
        flex-direction: row;
        align-items: center;
        gap: 3rem;
        padding: 2rem 1rem;
    }
    
    .maria-about-section .wp-block-image {
        flex: 0 0 45%;
        margin: 0 !important;
    }
    
    .maria-about-section p {
        flex: 1;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .maria-about-section {
        gap: 4rem;
    }
}