I am using the Image component from next/image and it was working as it should until recently.

Its starting to show the wrong image but has the correct url for that image.

let externalImageURL = "https://cdn.something.com/image.jpg"
<Image src={externalImageURL} layout={"fill"} />

Instead of getting that image im getting another image near that image in the cdn. but the build shows the correct image dom:

 <img decoding="async" data-nimg="fill" src="/_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px;" loading="lazy" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.something.com%2Fsimage.jpg&amp;w=3840&amp;q=75 3840w"></img>

if i use the regular html <img> tag instead of Image component then the right image is shown.