@media screen and (max-width: 1024px) {
    #aboutMeImgAndCard {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #aboutMeCard{
        margin-top: 30px;
        
    }

    #aboutMeTv{
        width: 100%;
        text-align: center;
    }
}


@media screen and (max-width: 1000px) {
    #aboutMeCard{
        width: 100%;
        flex-direction: column;
    }
    #introDiv2{
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-left: 0px;
    }
}