@AkoToSiJeromeEh
Posted
Hi! Great Work Out there , I just wanna share on how can i achieve the color overlay of the image using the CSS properties mix-blend-mode:multiply or background-blend-mode:multiply , in your case I prefer to use the mix-blend-mode:multiply since you are not using the image as a background , and if you add this CSS properties you can remove the properties ( filter: opacity(0.5) drop-shadow(0 0 hsl(277, 100%, 50%)); ) , (the bold text is the code i modify in your source code) i hope this suggestion works and helps. happy coding
.img_container img {
opacity: 0.8;you can adjust this
width: 100%;
height: 100%;
mix-blend-mode: multiply;
/* you can remove this filter: opacity(0.5) drop-shadow(0 0 hsl(277, 100%, 50%)); */
}
.img_container {
background-color: blueviolet;you can change this
width: 50%;
height: 100%;
}
