JAVASCRIPT

background image Nextjs

First import the image file

import bg from '../../assets/images/security-team.jpg'
then apply inline style

style={{
      backgroundImage: `url(${bg.src})`,
      width: '100%',
      height: '100%',
    }}

next js css background image

/*Please give a thumbs up if this was helpfull*/

<style JSX>{`
    .team {
        width:100%;
        height:100%;
        position:absolute;
        background: url('`+img+`') no-repeat;
    }
`}</style>