I have an image rendered using the Next.js Image component, hosted on imgbb. Everything works fine on my local environment, but after deploying to Vercel, the image’s dimensions become strange, and it appears as a square. I suspect that sharp might be transforming it into a square during optimization.

Has anyone experienced a similar issue? Is there any way to fix this problem? It's been troubling me for a while.

<Image
  className="mb-5 w-full rounded-lg object-cover"
  src={coverImage}
  alt={title}
  width={1000}
  height={500}
/>