Netlify replaces external background-image url with "none", next.js

I ran into an issue with deploy replacing my background-image url to “none”.

If you check the deploy the element

<header class="HeaderComponent_header__AmedU valign bg-img parallaxie" data-scroll-index="0" data-overlay-dark="5" style="background-image: none; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center 0px;">

it has background-image: none

I tried running it as SSR and SSG, and the problem is the same
The problem only appears in deploys - locally it builds fine and points to the external url I set:


So it’s not a next.js issue.

I also tried using:

with the same result.

It works fine when I use an image from the public folder, but this is a configurable item so I would like to know what happens in netlify deploy and how can I work around it?

the code:

    className={styles.header + ' valign bg-img parallaxie'}
      backgroundImage: `url(`,
also tried
``` same result

Sorry it seems I had a bad chrome extension installed. My bad.

Based on this, it appears this has been resolved?