.about-me {
    padding:80px 0
}

.about-me h1 {
    font-family:var(--font-family);
    font-weight:700;
    font-size:58px;
    line-height:110%;
    color:#5a4bb2;   /* змінив колір */
    margin-top:unset;
    margin-bottom:24px;
    text-align:center
}

.about-me-container {
    display:grid;
    grid-template-columns:1fr 1fr;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:15px
}

.about-me-container img {
    border-radius:15px;
    max-width:100%
}

.about-me-content p {
    font-family:var(--font-family);
    font-weight:500;
    font-size:18px;
    line-height:120%;
    color:rgba(0,0,0,.88);
    border-left:4px solid #5a4bb2;  /* змінив колір */
    padding-top:12px;
    padding-bottom:12px;
    padding-left:12px;
    margin-bottom:var(--quote-mb,var(--offset))
}

@media screen and (max-width:992px) {
    .about-me {
        padding:60px 0
    }
    .about-me h1 {
        font-size:40px
    }
    .about-me-container {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}