Я хочу, чтобы изображение увеличивалось однозначно в реакции от API JSONplaceholder

Question

Это мой файл photo.js, в котором я вызывал состояние и отправлял methd fetchPhotos из моего редуктора для его извлечения, так как я использовал свойство card в библиотеке Antd, в которой есть мой тег img.Я пытался увеличить его, но он увеличивает все фотографии, когда использовал событие mouseenter в теге img

class Photos extends Component {

    state={
        hovered:false
    }


    componentDidMount() {
        const {match:{params:{albumId}}, onPhotoFetch} = this.props;
        onPhotoFetch(albumId); 
      }



  render() {

    const { loading } = this.props;

    const antIcon = <Icon type="loading" style={{ fontSize: 24 }} spin />;

    let h;

    if (loading) {
      h = <Spin indicator={antIcon} style={{marginLeft:'370px'}} />;
    }
 else{
    h = this.props.photos.map(({ id, title, url,thumbnailUrl }) => {
      return <Card
      hoverable
      key={id}
      style={{ width: 240 }}
      cover={<img alt="ok"

      src={url}
      key={id}
      onMouseEnter={() => this.setState({hovered: true })}
      onMouseLeave={()=>this.setState({hovered:false})}
      style={{transform: `${this.state.hovered ? 'scale(1.5,1.5)' : 'scale(1,1)'}`}}

      />}
    >

        <Meta title={title} description={thumbnailUrl} />
          <Link to='/'>Go To Users</Link>
    </Card>