Using background-image property in css file for Laravel 5.5

I have just recently started using Laravel 5.5 and in my CSS file I want to do this:

body {
   background-image: url("/images/FrontPage.jpg");
}

After I run npm run watch to compile the code, everything seems fine. However when I refresh my webpage I do not get my background-image.

In an attempt to fix it, I have done the following:

• Changing the property to

  background-image: url("../public/images/FrontPage.jpg");

• Tried using

  .copyDirectory('resources/assets/images', 'public/images'); and .options({processCssUrls: false}); in my webpack.mix.js file

I also tried following the documentation Laravel has provided, but nothing seems to fix my problem.

Is there anything else I'm missing? Any help would be appreciated!

via Chebli Mohamed