标签： html css
我有一个背景网站，视频位于视频的顶部和正下方，有一个图像看起来像视频的扩展，并且必须与1000px以上的屏幕重合。
在视频的中间我有一个物体（行星），我希望像object-fit: cover这样的视频行为让行星总是位于中间。我将object-fit: cover放在视频和图片标签上，但当屏幕宽度达到原始视频宽度时，img（1920px）视频开始覆盖图像。
object-fit: cover
我应该怎样做才能让它们在1920年以上的屏幕上按比例缩放？
有没有办法用background-image代替img tag？
Link to my code