Как правильно подключить картинку из css файла?

Question

[Grep1]

Сделал импорт css файла но выдает ошибку.
/var/www/app-uno/src Тут лежит App.js и App.css
Картинка /var/www/app-uno/src/img
Не могу понять в чем проблема

Failed to compile
./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/App.css)
Error: Can't resolve '/img/bg.png' in '/var/www/app-uno/src'
This error occurred during the build time and cannot be dismissed.

import React from 'react';
import HeaderApp from './components/HeaderApp';
import BodyApp from './components/BodyApp';
import './App.css';


function App(){
  return(
    <article className="cart">
      <HeaderApp />
      <BodyApp />
    </article>
  );
};

export default App;

html{
	height: 100%;
}

body{
	min-height: 100%;
	background-image: url('/img/bg.png');
	display: flex;
    align-items: center;
    justify-content: center;
    font-family: Sans-serif;
}

.cart{
	display: flex;
	background-color: #fff;
	border-radius: 25px;
	width: 400px;
	flex-wrap: wrap;
	min-height: 400px;
	box-shadow: 0 0 11px 3px rgba(0,0,0,1);
}