/* --- Styling for the About Page Image --- */
.about-section {
    text-align: center; 
}

/* This is the critical block to check */
.about-image {
    /* Explicitly sets the max size */
    max-width: 300px !important; /* Added !important as a temporary test to force the size */
    width: 100%;                  /* Ensures it scales down nicely on small screens */
    height: auto;
    
    margin: 0 auto 30px auto; 
    display: block;             /* Ensures centering works correctly */
    border: 5px solid #eee; 
}