a.cardBox .card-header{
    overflow: hidden;
}

a.cardBox:hover,
a.cardBox:focus{
    text-decoration: none;
}

a.cardBox:hover .card,
a.cardBox:focus .card{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

a.cardBox .card .card-header,
a.cardBox .card .card-header img {
    width: 100%;
    height: 15rem;
    max-height: 15rem;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    object-fit: cover;
}

a.cardBox:hover .card .card-header img,
a.cardBox:focus .card .card-header img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

a.cardBox .card .card-footer {
display: flex;
align-items: center;
justify-content: end;
}

a.cardBox .card .card-footer i{
    display: inline-block;
    font-size: 1.8rem;
    margin-right: 0rem;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

a.cardBox:hover .card .card-footer i,
a.cardBox:focus .card .card-footer i{
    animation: bounce 0.8s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}