.aboutme4-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
    padding: 60px !important;
}

.aboutme4-image-container {
    max-width: 200px;
}

.aboutme4-image-container img {
    border-radius: 50%;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.aboutme4-agent-name {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dark-color);
    text-align: center;
}

.aboutme4-agent-role {
    font-weight: 200;
    color: var(--dark-color);
    text-align: center;
}

.aboutme4-tagline {
    font-weight: 300;
    color: var(--dark-color);
    text-align: center;
    overflow-wrap: break-word;
}

@media (max-width: 768px) {
    .aboutme4-container {
        padding: 30px !important;
    }
    
    .aboutme4-agent-name {
        order: 1;
    }

    .aboutme4-agent-role {
        order: 2;
    }

    .aboutme4-image-container {
        order: 3;
        max-width: 300px;
    }

    .aboutme4-tagline {
        order: 4;
    }
}