.widget-image-card {
    border: none;
    box-shadow: none;
}

.widget-image-card:hover {
    box-shadow: var(--shadow-xs)
}

.widget-image-card .card-title {
    margin-bottom: 0;
}

.widget-image-card .stretched-link:after {
    border-radius: var(--bs-card-inner-border-radius);
}

.stretched-link:after {
    transition: background-color 0.15s ease-in-out;
}

.widget-image-card--dark .card-title,
.widget-image-card--dark-hover .card-title,
.widget-image-card--dark .card-paragraph,
.widget-image-card--dark-hover .card-paragraph {
    color: #fff;
}

.widget-image-card--light .card-title,
.widget-image-card--light-hover .card-title,
.widget-image-card--light .card-paragraph,
.widget-image-card--light-hover .card-paragraph {
    color: var(--grey-900);
}

.widget-image-card--dark .card-title,
.widget-image-card--dark-hover .card-title,
.widget-image-card--dark .card-paragraph,
.widget-image-card--dark-hover .card-paragraph {
    text-shadow: 0 0 4px #000;
}

.widget-image-card--light .card-title,
.widget-image-card--light-hover .card-title,
.widget-image-card--light .card-paragraph,
.widget-image-card--light-hover .card-paragraph {
    text-shadow: 0 0 4px #fff;
}

@media (hover: hover) {
        .widget-image-card--dark:hover .stretched-link:after,
    .widget-image-card--dark-hover:hover .stretched-link:after {
        background-color: rgba(0, 0, 0, .05);
    }

        .widget-image-card--light:hover .stretched-link:after,
    .widget-image-card--light-hover:hover .stretched-link:after {
        background-color: rgba(255, 255, 255, .05);
    }
}

.widget-image-card--dark .card-img-overlay--dark {
    background-image: linear-gradient(to top, rgba(24, 24, 27, .15), transparent 4.5rem);
}

.widget-image-card--light .card-img-overlay--light {
    background-image: linear-gradient(to top, rgba(255, 255, 255, .25), transparent 4.5rem);
}