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

Support
1

Hi,
I ran into an issue with deploy replacing my background-image url to “none”.
https://youthful-poitras-902be3.netlify.app/

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:

url(http://images.ctfassets.net/s20f7nz9dtsr/7uG5V44kYG8xqX06shTpxU/7c0cf278abc61ddf7a786336f0dcfaf3/mainimage.webp)

So it’s not a next.js issue.

I also tried using:
url(https://picsum.photos/1200/800)

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:

  <header
    className={styles.header + ' valign bg-img parallaxie'}
    data-scroll-index="0"
    data-overlay-dark="5"
    style={{
      backgroundImage: `url(https://picsum.photos/1200/800)`,
    }}
  >
'''
also tried
``` same result

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

2

Based on this, it appears this has been resolved?