@media all and (min-width:0px) and (max-width: 499px)
{
    .card-img-top{
        width: 35rem;
        height: 35rem;
    }
    .basic-info {
        padding: 2rem;
        font-size: 1.5rem;
        margin: 1.8rem;
    }
    .card-text{
        height:0px;
        padding: 1rem;
        font-size: 1.1rem;
        margin: 1rem;
    }
    .card{
        width: 40rem;
    }
    .background-image{
        background-image: none;
        background-color: rgb(236, 232, 232);
        height: fit-content;
    }
    #projects-section{
        background-image: none;
        background-color:rgb(255, 255, 255);
        color: rgb(77, 77, 77);
    }
    #cite, #cite1, #cite2, #author {
        font-size: 1.2rem;
    }   
    #break{
        height: 0px;
    }
    #contact{
        font-size: 2rem;
    }
    #copywright{
        font-size: 1.5rem;
        
    }
    #name{
        font-size: 2.5rem;
    }
    .btn-primary {
        border: none;
        background-color:rgb(200, 140, 196);
    }
    .card{
        border: none;
    }
    .container-info{
        border: none;
    }
}