Css 缩放时，背景图像将从图像顶部截断

我在Netflix克隆顶部的横幅上设置了一幅背景图像。我喜欢它的外观，除了当我缩放窗口使其更大时，它会剪切图像。我不知道如何缩放图像并使顶部与顶部对齐

窗口很小时的示例—看起来很棒！ [1] :

例如，当窗口缩放一点时--不清楚图片中发生了什么 [2] :

目前，这是如何设置图像，我添加了“封面”和“中心”试图修复它，但没有运气

<header
  className="banner"
  style={{
    backgroundImage: `url(${movie?.backdrop_path})`,
    backgroundSize: "cover",
    backgroundPosition: "center",
  }}
>

---

尝试

背景位置：“顶部”

图像垂直居中，“封面”的背景尺寸导致顶部和底部被切割以填充宽度

---

背景位置：顶部

将图片从顶部锚定到顶部，因此您只会丢失图像的底部。

您好，很有趣，不确定这些选项是否有用谢谢您的帮助