Check the sizes prop at [NextJS Image] [NextJS Image]: https://nextjs.org/docs/pages/api-reference/components/image An example:
sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"

Now it renders with good quality on larger devices and optimised version on smaller screens. Read the documentation for details!