.about__content {
    text-align: center;
    padding: 0;
    height: 320px;
}

.strong {
    font-weight: 600;
    color: #082743;
}

.pro__con {
    margin-top: -140px;
    padding: 0 20px;
}

.about__content img {
    object-fit: cover;
    width: 100%;
    height: 320px;
    opacity: 50%;
}

.abt__con {
    font-size: var(--size-2xl);
    font-weight: 500;
    position: relative;
    top: -145px;
    color: #082743;
}

.abt__p {
    position: relative;
    font-size: var(--size-sm);
    top: -125px;
    font-weight: 300;
    color: #65606e;
}

/* xxs */
@media (min-width: 425px) {
    .about__content {
        height: 280px;
    }
    .about__content img {
        height: 280px;
    }

    .pro__con {
        margin-top: -100px;
    }
}

/* xs */
@media (min-width: 476px) {
    .abt__p {
        font-size: var(--size-base);
    }

    .abt__con {
      
        font-size: var(--size-2xl);
    }

    .pro__con {
        position: relative;
        top: -15px;
    }


    .about__content img {
        height: 300px;
    }

    .about__content {
        height: 300px;
    }
}

/* sm */
@media (min-width: 641px) {
    .pro__con {
        position: relative;
        top: 34px;
    }

    .abt__p {
        font-size: var(--size-sm);
    }

    .about__content {
        height: 250px;
    }
    
    
    .about__content img {
        height: 250px;
    }
}

/* Large screens */
@media (min-width: 769px) {
    .pro__con {
        top: 45px;
    }
}

/* lg */
@media (min-width: 1024px) {
    .abt__con {
        font-size: var(--size-3xl);
    }

    .abt__p {
        font-size: var(--size-lg);
    }

    .about__content img {
        height: 320px;
    }

    .about__content {
        height: 320px;
    }

    .pro__con {
        top: 0px;
    }
}