.about {
    display: flex;
    align-items: center;
    gap: 1rem; /* space between image and text */
    padding: 1rem;
    max-width: 600px;
    margin: auto;
    flex-direction: column;
}

.about-text{
    padding: 1rem;
    
}

.about-img-area{
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
img {
    width: 250px;       /* make it small */
    height: auto;
    object-fit: cover;  /* keep image aspect ratio */
   
}