Gatsby blurs our images due to increasing height by 1px

[tophf]

1. Go to https://violentmonkey.github.io/guide/creating-a-userscript/
2. Inspect the image in devtools and uncheck height: 100%;

I see that the image becomes crisp, i.e. its height was initially incorrect.

This is particularly bad when there's a lot of text:

gatsby	original

[gera2ld]

gatsbyjs/gatsby#39008