I am trying to set the image in the background of the container via external css , but it says modules not found ,what is the correct path I should give in background-image....

     import React from 'react'
import './Login.css'
const Login = () => {
    return (
        <>
        <div className="container-fluid img-wrapper bg-danger">
        </div>
        </>
    )
}
export default Login

  *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
     .img-wrapper{
        background-image:url(../public/login-bg.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height:100vh;
    }