Background image Sass, Css and Express

Issue

Why when i do thi snippest in my .scss:

.section-home{
 background-image: url(Yggdrasil.jpg);
 position: relative;
 min-height: 100vh;
 background-size: cover;
 background-position: center;
 display: flex;
 justify-content: center;
 align-items: center;
}

and i run the command yarn watch, in the relative file .css i have this code:

.section-home {
  background-image: url(/images/Yggdrasil.jpg?71322804ce7f3cec49ab9190e347b8a6);
  position: relative;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

Solution

I resolved it. In the file webpack.mix.js i add this line of code:

mix.sass('resources/scss/app.scss', 'public/css/app.css').options({
    processCssUrls: false
});

because i use laravel-mix. Follow this doc

Answered By - Federico calò