Using Image from next/Image all the time for all images.

[JayaKrishnaNamburu]

Right now, we are using next/image only if the user specifies width and height alone without any additional attributes. This is because, next/Image is not completely pure component at the moment. Because it is bringing some side effects tot he layout with it. Since we can't pass the styles that users set into the component.

https://github.com/teleporthq/teleport-code-generators/blob/development/packages/teleport-plugin-jsx-next-image/src/index.ts#L11

Here is the issue on the NextJS GitHub on the same topic
vercel/next.js#18312

Case 1
It is not working out of the box all the time, since we allow users to free-style on the properties they use for the images. But the next/image need to be used with some constraints
Usual - https://codesandbox.io/s/pf9mt4
next/Image - https://codesandbox.io/s/travel-agency-forked-h28f9p

[JayaKrishnaNamburu]

NextJS released a new update for the Image component. Probably we should look into that, it has better flexibility with styling.
https://next-site-git-nextjs-12-2-blog.vercel.sh/docs/api-reference/next/future/image