.about-bio {
    white-space: pre-line;
}

.read-more-btn {
    display: none;
}

@media (max-width: 768px) {

    .about-bio.collapsed {

        max-height: 220px;

        overflow: hidden;

        position: relative;
    }

    .about-bio.collapsed::after {

        content: "";

        position: absolute;

        bottom: 0;
        left: 0;

        width: 100%;
        height: 80px;

        background: linear-gradient(
            transparent,
            white
        );
    }

    .read-more-btn {

        display: inline-block;

        margin-top: 20px;

        background: none;

        border: none;

        color: var(--accent);

        font-weight: 600;

        cursor: pointer;
    }

}