into component with sign up form

Just put background: url(/images/bg-intro-desktop.png), hsl(0, 100%, 74%) into body tag it will fix the dim background issue.

use the background property as layer wise for example if we put img url in first like then it will be on the top background.... background : (it will be on top ),(top - 1 or second position )... and so on

Thank you so much, this solved my issue. I thought making the color above the picture and giving it a lower opacity was the only way to do so. I'm still not sure how your solution works, but it works. Could you please explain to me? unless the bg-intro-desktop.png itself has a transparent background, I'm not sure how the hsl(0, 100%, 74%) can be seen.

That solved my issue. Thank you!!