background-image path css

Question

I am having trouble to put a background-image on my website.

This is a Google Maps. So then I put a background-color (behind it): red; just to show you all what is going on:

section.middle{
background-color: red;

}

But when I put a background-image it doens't show correctly:

section.middle{
background-image: url(/public/css/img/gymbackgroundhome.jpg);

}

This is my workspace:

Thank you!

Answer 1

url() value in css has to be between quotes:

section.middle{
    background-image: url("/public/css/img/gymbackgroundhome.jpg");
}