Nextjs Image component loading quality in chrome

I noticed that Nextjs is downscaling Images for google chrome, but it's working fine for Firefox. Is there any reason behind this? The image uses 1x size for chrome and 2x size for Firefox. Why is this happening?

Here is the Image code example :

  <Image
      src="/images/homePage/ChimneyInfo/chimneyArtDesktop.png"
      alt="Chimney"
      quality={100}
      layout="fixed"
      height={680}
      width={750}
      priority
    />