.three-cards {
    margin-top: 6%;
    @media screen and (min-width: 768px) {
        margin-top: 16%;
    }
    @media screen and (min-width: 992px) {
        margin-top: 6%;
    }
}

.three-cards .card {
    @media screen and (max-width: 768px) {
        transform: none !important;
        top: 0 !important;
    }
}