如何在悬停时在图像上添加转换时间？

我正在开发一个React应用程序。我被困在图像动画上。当鼠标悬停在图像上时，它会缩放到原始图像的1.2倍，但过渡时间应该是2s。i我可以缩放图像，但是我应该如何添加过渡时间。我的代码：

<Image
        src={this.props.data.profile_photo}
        alt={this.props.data.name}
        size="massive"
        avatar
        onClick={this.handleOpen}
        onMouseOut={() => this.setState({hovered: false})}
        onMouseOver={() => this.setState({hovered: true})}
        style={{transform: `${this.state.hovered ? 'scale(1.2,1.2)' : 'scale(1,1)'}`}}

我不知道在哪里放过渡物品。