.card2{
    padding: 1.5em .5em .5em;
    border-radius: 1.108em;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    justify-content: center;
}

/* For screens smaller than 768px */
@media only screen and (max-width: 768px) {
    .card2 {
        width: 100%;      /* Occupy 90% of the screen width */
        height: auto;    /* Adjust height based on content */
        margin: 0 auto;  /* Center the card horizontally if it's inside a block-level parent */
    }
}