How to add gradient to background image

`
      <ProgressiveImage 
        src={url}
        style={{
          backgroundImage: 'linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) !important',
          backgroundColor: 'black',
          minHeight: '100vh',
          width: '100%',
          backgroundSize: '100% 100%',
        }}
      >
`