@media screen and (max-width: 767px) {
    .col-md-6 {
        text-align: center;
    }

    .col-md-6>p {
        font-size: medium !important;
    }

    .col-md-5>img {
        max-width: 70% !important;
    }

    #about-mini {
        font-size: small !important;
    }

    .card>img {
        max-width: 30% !important;
    }

    .card-body>p {
        font-size: small !important;
    }

}