.card-link {
    background: var(--white);
}

.card-link .card-img{
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.card-link .card-img::after {
    position: absolute;
    content: '';
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 3, 16, 0.30);
}

.card-link:hover .card-img {
    opacity: 1;
}

.card-link .card-text {
    color: var(--black);
    transition: color 0.25s ease-out;
}

.card-link:hover .card-text {
    color: var(--white);
}