/* CSS for About page with text wrapping around image */
.author-image {
    float: left;
    width: 300px;
    max-width: 40%;
    margin: 0 25px 15px 0;
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(0,0,0,.08);
}

@media (max-width: 576px) {
    .author-image {
        float: none;
        display: block;
        width: 100%;
        max-width: 350px;
        margin: 0 auto 20px;
    }
}

.about-content {
    overflow: hidden; /* Ensures proper wrapping */
}

.about-content h1 {
    margin-top: 0;
}