How to overlap image over Navbar if Navbar is a component is next js

I Want to svg image to overlap over navbar but my navbar is a component in next js which is imported in app.js

purple lines in the image

NavBar location

import NavBar from '../components/NavBar'
<ThemeProvider attribute="class">
    <NavBar />
    <Component {...pageProps} />
    <Newsletter/>
    <Footer />
  </ThemeProvider>