how to add a gradient background over img code example
Example 1: gradient over image css
#linear-gradient-over-image{
background-image: linear-gradient(to bottom, black, white),
url('images/background.jpg');
background-size: cover;
}
Example 2: background with image and gradient
body {
background: #eb01a5;
background-image: url("IMAGE_URL"); /* fallback */
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}