/* CSS to align text and headshot container side-by-side and vertically center them on desktop */
@media (min-width: 1025px) {
    /* Target the parent row container holding both the text column and the image column */
    .elementor-element-fb5d75e2 > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important; /* Vertically center them */
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }

    /* Left side (text column) */
    .elementor-element-5f3f2e60 {
        width: 55% !important;
        max-width: 55% !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }

    /* Right side (headshot column) */
    .elementor-element-3acdc9b1 {
        width: 40% !important;
        max-width: 40% !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 1024px) {
    /* Stack them nicely on tablet and mobile */
    .elementor-element-fb5d75e2 > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .elementor-element-5f3f2e60,
    .elementor-element-3acdc9b1 {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .elementor-element-3acdc9b1 {
        margin-top: 40px !important;
    }
}
