title: how to transform image on hover in react?
body: <p>I am working on reactJs.I am using semantic ui react for this.i want to tranform image when hover.My code is:</p>
  
  <pre><code>&lt;Image
      src={data.profile_photo}
      alt={data.name}
      size="massive"
      avatar
      onClick={() =&gt; this.handleGallery(this,data.username)}
      onMouseOut={() =&gt; alert('out')}
       onMouseOver={() =&gt; alert('in')}
    /&gt;
  </code></pre>
  
  <p>I am new to react. I dont know where to set hover property<code>{transform:scale(1.5,1.5)}</code>.</p>