why them result in dark mdoe even if it's white mode

[Adamkaram]

i need to work with some approach to switch between 2 images in dark and light mode with :

so i follow up this
#26728

with using this code from below but no luck

import { unstable_getImgProps as getImgProps } from 'next/image'



export  function Logo() {
  const common = { alt: 'logo', width: 40, height: 30 }
  const { props: { srcSet: dark } } = getImgProps({ ...common, src: '/images/logo/logo.webp' })
  const { props: { srcSet: light, ...rest } } = getImgProps({ ...common, src: '/images/logo/logo-2.webp' })

  return (
    <picture>

      <source
        media="(prefers-color-scheme: dark)"
        
        srcSet={dark} />
  <source media="(prefers-color-scheme: light)" srcSet={light} />
  <img {...rest} />
    </picture>
  )
}

it's working on dark mode if i swap between 2 images it just worked fine

 const { props: { srcSet: dark } } = getImgProps({ ...common, src: '/images/logo/logo-2.webp' })

  return (
    <picture>

      <source media="(prefers-color-scheme: dark)" srcSet={dark} />
  <source media="(prefers-color-scheme: light)" srcSet={light} />
  <img {...rest} />
    </picture>
  )

}

but no luck with light mode