Migrate to gatsby-plugin-image

[lindapaiste]

• Remove deprecated gatsby-image and migrate to replacement gatsby-plugin-image
• Convert GraphQL queries and the PreviewCompatibleImage component to the new syntax using the migration guide and the codemod npx gatsby-codemods gatsby-plugin-image
• Fixes Frontend alignment issues #18
• No longer stretches out images above their size when in mobile view. Now they are capped at 240px and centered.
• Resize brand logos to a 2:1 aspect ratio so that the horizontal logos are more balanced with the square ones.

[lindapaiste]

...and...the build preview failed 😭

The most important lines in the logs seem to be these:

3:42:44 PM: Attempting node version 'v10.19.0' from .nvmrc
3:42:45 PM: Downloading and installing node v10.19.0...

3:43:34 PM: error [email protected]: The engine "node" is incompatible with this module. Expected version ">=12".
3:43:34 PM: error Found incompatible module

I was running locally with Node v14.19.0. I will try modifying some versions in .nvmrc and yarn.lock and see if I can get the checks to pass. Apologies if I clutter your notifications with a bajillion commits.