Background/background Image Not Working?

I'm practicing building a Harley Davidson website and I've encountered a strange issue regarding 'background' and 'background-image'. A 404 type error keeps appearing in the consol

Solution 1:

How your project is structured? If you look at the error your path is:

.../css/images/austin-neill-174636.jpg

Does your images folder is at the same level of your CSS folder?

If your project structure is like this:

/images
/css

You need to go a level higher. Try this instead:

.jumbotron {
  background: url("../images/austin-neill-174636.jpg");
}