.about-section{
    width: 90vw;
    margin-inline: auto;
    margin-block: 4rem;
    grid-template-areas: 'one' 'two';
}

.about-section:nth-child(1)
{
    grid-area: one;
}

.about-section:nth-child(2)
{
    grid-area: two;
}

.about-section > * img{
    border-radius: 2rem;
    margin-bottom: 2rem;
}
.about-info{
    padding-inline: 0.5rem;
}

.about-info  p{
    line-height: 1.8rem;
}

.about-btn{
    margin-top: 3rem;
}

@media(min-width:60em)
{
    .about-section{
        grid-auto-columns: 1fr;
        align-items: center;
        --grid-gap:3rem;
        grid-template-areas: 'two one';
    }
    .about-info{
        display: grid;
        place-content: center;
    }
    .about-info > h3{
        font-size: 1rem;
    }
}