Using gatsby-remark-images & gatsby-remark-images-contentful together makes images fade out (opacity 0)

Description

When both remark transforms are used together inside of gatsby-transformer-remark the contentful markdown images fade out to opacity 0.

Steps to reproduce

If I don’t include the gatsby-remark-images plugin the contentful blog images work as expected, it only happens if I have both plugins defined.

gatsby-config.js

{
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          {
            resolve: 'gatsby-remark-images',
            options: {
              maxWidth: 800,
              backgroundColor: 'var(--color-background)',
            },
          },
          {
            resolve: 'gatsby-remark-images-contentful',
            options: {
              maxWidth: 800,
              backgroundColor: 'var(--color-background)',
            },
          },
        ],
      },
}

Expected result

Images from contentful markdown should not fade out.

[LekoArts]

Hi!

I’m closing this as a stale issue as in the meantime Gatsby 4 and related packages were released. You can check our Framework Version Support Page to see which versions currently receive active support. If this is a feature request, please create a discussion as we moved feature requests from issues to GitHub Discussions.

Please try the mentioned issue on the latest version (using the next tag) and if you still see this problem, open a new bug report. It must include a minimal reproduction.

Thanks!

[d1che]

I would love to help with this issue but there’s something I don’t understand yet. Why would one want to use both gatsby-remark-images and gatsby-remark-images-contentful in conjunction? I’m asking this because I encountered issue #16516 also when using gatsby-remark-images-contentful. PR #17154 fixed this but only for gatsty-remark-images. Could fixing this issue for gatsby-remark-images-contentful prevent one from having to use both plugins in conjunction? Or are there other reasons one might do that?