Resolved: Hovering an article to make GatsbyImage scale

  {blog.data.blogs.map((ts)=>
 (
                <Blog to={`article/${ts.blog.document.uid}`}>
                <GatsbyImage  image={ts.blog.document.data.post_img.gatsbyImageData} alt='Blog' />
                <BlogTitle>
                {ts.blog.document.data.post_title.text}
                </BlogTitle>
                <BlogParagraph>
                {ts.blog.document.data.post_paragraph.text}
                </BlogParagraph>

<GatsbyImage image={ts.blog.document.data.post_img.gatsbyImageData} alt='Blog' className="some_fancy_classname" />

.some_fancy_classname:hover {
   transition: transform .3s;
   transform:scale(1.05);
}

.some_fancy_classname:hover img {
   transition: transform .3s;
   transform:scale(1.05);
}