Div on an image

Please i really need help. Am trying to create a div after the image with background blue but the div is on the image and not separated from the image.

the reason for this is that you apply background image to <body> ,and your blue box is inside body tag too. create a separate div where you’d use your bg image and add .blue div after it