Next.js background-image css property cant load the image

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%',
    }}