Fidel Lim• 2,775
@fidellim
Posted
Hi Aditya,
The fix to this is by adding background blend mode.
.card__img {
background-image: url(images/image-header-desktop.jpg);
background-color: rgb(170, 92, 219);
background-blend-mode: multiply;
background-size: cover;
background-position: center;
}
This code will do the work. Adding background-blend-mode: multiply will darken the color overlay.
I hope it helps.
0