.card-img-top:hover {
    -webkit-animation: spin 1s linear infinite;
    transition: transform 1s ease-in-out;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: scale(1.2);
    }

    25% {
        transform: scale(1.2);
        -webkit-transform: rotate(45deg);
    }
    75% {
        -webkit-transform: rotate(45deg);
        transform: scale(1.2);
    }

    100% {
         transform: scale(1.2);
        -webkit-transform: rotate(0deg);
    }
}
.shadow{
    box-shadow: 0 8px 6px -3px black;
}