Now for our purposes,
we are using the next/image component
exactly as we want, but I also want to point you
at the official next/image documentation,
because besides the way we are using the image,
which is a very common way and a great way,
there are a lot of props, which you can configure
to fine tune how the images load it.
You can change how it's being resized
on smaller or bigger screens, or if it's resized at all,
how it's being loaded,
you can make it work with cloud image providers,
and much more.
You can also fine tune the quality decrease
which is being used, for example.
So definitely have a look at those Docs at all
to make sure that you are loading images
in exactly the way you need to load them
for your applications.