@media only screen and (min-width: 0px) {
    #services {
        display: flex;
        width:100%;
        justify-content: center;
    }

    .cards {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 50px;
        padding: 50px 0px;
    }
    
    .card {
        background-color: white;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        width: 80%;
        height: 250px;
        text-align: center;
        padding:20px;
    }
    
    .card img {
        background-color: #2596BE;
        border-radius: 50%;
        width: 97px;
        height: 97px;
        color:white;
    }

}