@kushyzee
Posted
You should fix the background image and have it resembling the original design.
-
You can do that by either nesting another div in the
<div class="right-section"></div>
and giving it a background color of #a95dda. There after you can reduce the opacity to around 0.5 or lower. (Consider changing the hex color to rgba) -
you can also use
background-blend-mode: multiply;
in the<div class="right-section"></div>
to fix the color
After this you can remove the -webkit-filter
property
You did a really good job overall 👍
Marked as helpful
@nomatter-py
Posted
@kushyzee Thanks a lot for your advice. I just started my way at learning frontend and I require them. I wasted hours trying to find solution with background image colour. But it turns out to be so simple - "background-blend-mode: multiply;"