Reactjs 如何使用css或非内联样式设置gatsby图像的样式

我用的是盖茨比，在盖茨比内部我用的是盖茨比图像。我想做一些媒体查询，所以我需要使用一些css或非反应内联样式。我知道你通常可以做这样的事

 <Img sizes={this.props.data.img.sizes} style={{height: '30px'}} className="imageOfMine" /> 

---

但是我需要媒体查询，所以我需要一种方法来使用一些样式化的jsx或css。我尝试在样式化jsx中引用类名，但也不起作用。

我找到了一种使用样式化组件的方法，但我将等待，看看是否有人有更好的答案。