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; }Parece que se enfrenta al mismo problema que en esta pregunta: use imágenes en archivos CSS con ReactJS
Puede agregar la foto a su carpeta pública, ya que el servidor se sirve allí. Como se proporciona en este Codesandbox: https://codesandbox.io/s/agitated-turing-gsnr3?file=/src/styles.css