@media (max-width:992px){

    .about{
        padding:80px 0;
    }

    .about-container{
        flex-direction:column;
        gap:40px;
        text-align:center;
    }

    .about-image,
    .about-content{
        flex:100%;
        width:100%;
    }

    .about-image img{
        height:400px;
    }

    .about-content h2{
        font-size:42px;
    }

    .about-content p{
        font-size:17px;
    }
}

@media (max-width:576px){

    .about{
        padding:60px 0;
    }

    .about-image img{
        height:280px;
    }

    .about-content h2{
        font-size:32px;
    }

    .about-content p{
        font-size:16px;
        line-height:1.7;
    }
}