.card-image {
--start-opacity: 0;
--end-opacity: .4;
--start-scale: 1;
--end-scale: 1.1;
--transition-duration: .6s;
--transition-function: ease;
--focus-color:red;
}
.card-image {
scale: var(--start-scale);
transition:
opacity var(--transition-duration) var(--transition-function),
scale var(--transition-duration) var(--transition-function);
opacity: var(--start-opacity);
}
.card-image:hover,
.card-image:focus-within {
opacity: var(--end-opacity);
scale: var(--end-scale);
}
.bde-container-link:focus-within .card-image {
opacity: var(--end-opacity);
scale: var(--end-scale);
}