```
class Article extends React.Component{  
    constructor(props) {
        super(props)
        this.state = {showIncreaced: false}
    }

    increase = () => {
        this.setState({showIncreaced: !this.state.showIncreaced})
    }

    render(){   
        const TipStyle={                        
                marginBottom: '10px'
    }

    const ImgStyle={
        width: '20vw',
        marginRight: '0.5vw',
        marginLeft: '0.5vw',
        transform: this.state.showIncreaced ? 'scale(1.5, 1.5)' : 'scale(1, 1)'
}

    return(                     
        <div style={TipStyle}>                      
          <h2 style={{marginBottom: '1px'}}>{this.props.name}</h2>
          <div>
              <img style={ImgStyle} src={this.props.img1} onMouseOver={this.increase} onMouseOut={this.increase}/>
              <img style={ImgStyle} src={this.props.img2} onMouseOver={this.increase} onMouseOut={this.increase}/>
              <img style={ImgStyle} src={this.props.img3} onMouseOver={this.increase} onMouseOut={this.increase}/>                              
          </div>
        </div>                  
  ); 
 }
}

```

When hovering over a picture (for example img1) should increase only img1. But all img with style={ImgStyle} increase. What wrong?

<https://jsfiddle.net/Nata_Hamster/k1j5se0u/1/>