Estoy tratando de agregar una imagen como fondo, sin embargo, la ubicación de la imagen está en una carpeta pública. -public -images -image.png -src -assets -components -index.tsx -index.module.css (Quiero usar image.png en este archivo)

Si pongo la imagen en src/assets , puedo usarla como background: url(./assets/image.png) . También puedo acceder a él en index.tsx . Sin embargo, estoy tratando de acceder a la imagen en module.css desde la carpeta pública, ya que necesito cambiar la imagen al pasar el mouse.

 .up { /*path in source works*/ background: url(../../../../assets/keyboardKeys/keyboardArrows.png) 150px 51px; /*path outside source. inside public. I want to use this */ background: url(Assets/keyboardKeys/keyboardArrows.png) 150px 51px; }

El uso de la segunda URL da como resultado el siguiente error:

 Failed to compile. ./src/app/index.module.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./src/app/index.module.css)