Gatsby-plugin-image with tailwind CSS

[jeremy-blevins]

Hey Everyone,
I am running into an issue using Tailwind CSS with StaticImage as a background image. I am trying to make the image have an opacity of 50%, which works fine. However, I am unable to style the background of the image or image wrapper element. I have tried using the bg classes from Tailwind CSS and using the style prop with the backgroundColor values. However, the background color will only flash as the image loads and then disappears. I am able to get it to work by wrapping the image wrapper in another div and applying a background color to it. Am I misunderstanding something with the way Gatsby Image works? Thanks!