Css 为我的web应用程序中的每个页面添加反向图像

我正在使用react js构建一个web应用程序，我正在尝试放置一个回溯图像，该图像将保留在我访问的每个页面上。我的app.js呈现代码如下：

render() { 
  
        return ( 
        <div >   ---> Case 2: <div className="classN"> instead of <div>
            <NavBar user={this.state.user} />
            <main>
                <Switch>
                ...Routes...
                <Route path="/evcharge/api/admin/healthcheck" component={Healthcheck}></Route>
                ... More Routes...
                </Switch>
            </main>
                   ----> Case 1: <img src="/images/backround.png"/> 
        </div>
        );
    }
}

在这种情况下，图像如下所示：

这既不会比菜单栏大，也会扰乱页面的其他元素

我想实现的是，在每个页面的背面显示相同的背面图像，而不影响每个页面的其他元素，例如登录表单。我已经陷入这种状态有一段时间了，我似乎无法让它工作。任何广告都会有帮助

---

提前感谢。

如果您想在每页中使用它，请将背景图像直接放在正文中，这样它将是全局的

body {
  background-image: url(./images/backround.png);
}

body {
  background-image: url(./images/backround.png);
}