.card {
    min-height: 150px !important;
}

.card .card-title {
    transform: translateY(1rem);
    transition: all 0.3s ease-in-out !important;
}

.card:hover .card-title {
    color: var(--app-blue);
    transform: translateY(0.4rem);
}

.app-card-img-overlay {
    top: auto;
}

.card:hover .card-img {
    background-color: rgba(var(--app-blue-rgb), 0.4);
}

.card img:not(.app-card-img-hover) {
    display: inline-block;
}
.card img.app-card-img-hover {
    display: none;
}
.card:not(.app-card-hover-img-off):hover img:not(.app-card-img-hover) {
    display: none;
}
.card:hover img.app-card-img-hover {
    display: inline-block;
}