@Sdann26
Posted
If you want the image to be the same color as in the final design you must move the image and the overlay layer.
So the background image should be the purple layer with the color background-color: rgb(170, 92, 219);
(This would be in the parent box) and then the inside box would be with background-image: url("../images/image-header-desktop.jpg");
and to this you put the effect mix-blend-mode: multiply
(This property mixes the element that you have put the present property with the background color of the parent element or container element).
In the case that you do not understand me you can review my project of this challenge that I made so that you see more or less to what I refer.
For everything else you have been very well the challenge, congratulations.
Marked as helpful