.card-right {
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1s ease-out 0s 1 slideInFromBottom;
    background: #333;
    padding: 30px;
}

.card-right:hover {
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1s ease-out 0s 1 slideInFromBottom;
    background: #333;
    /* padding: 30px; */
}

.card-left {
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1s ease-out 0s 1 slideInFromTop;
    background: #333;
    padding: 30px;
}

.card-left:hover {
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1s ease-out 0s 1 slideInFromTop;
    background: #333;
    /* padding: 30px; */
}

.AnimationCol {
    /* transition: 0.6s; */
    animation: flip 2s;
    transform-style: preserve-3d;
}

.conatactlinks {
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1s ease-out 0s 1 slideInFromLeft;
    padding: 30px;
}