再会，

我的目标是在下面的个人资料页面示例中产生效果，

使用 React，我的困难是，我不知道如何在调整浏览器宽度时保持封面照片居中。

正如你在视频中看到的那样。https://www.screencast.com/t/DxQWBO1FuJOu

• 从 0 到 4 秒，封面照片使其宽度适合调整大小的浏览器并保持其中心。
• 从 5 秒开始或当浏览器宽度达到 1580 像素时，封面图像将停止调整其宽度并在调整大小期间仍保持居中。

我们怎样才能做到这一点？任何帮助都受到高度赞赏，并节省了我浪费的时间。

顺便说一句，个人资料页面只是一个随机的个人资料

保持安全这一流行病。谢谢你。

这是我当前的代码

import { Image } from 'react-bootstrap'

<Image
 fluid
 src='/'
 style={{ width: '1920px', height: 'auto', position: 'absolute', zIndex: -1, objectFit: 'cover', objectPosition: 'center' }}
/>