我在CSS/html中的文本对齐方面遇到了一个小问题。因此，背景中有一个视频：

<video id="background-video" autoplay loop muted >
<source src="data/videos/cellarb6.mp4" width="1920" height="2000" type="video/mp4" >
</video>
<div id ="cellarground">
<<set $breath to $breath +30>>
 <<audio bup play>>

 breath  <progress @value="$breath" max="100"></progress>
 happiness  <progress @value="$happiness" max="100"></progress>
 credits  <progress @value="$credits" max="100"></progress>


you´ve reached the cellar of the building. 



you look up. 

<img src="data/fotos/holeend.jpeg"  width= "500" height="300">


            another way out. 





                                                 it is getting dark. 
                                                 
                                                 
                                                 
                                                 
                                                 
                                                 
                                                 

---------------------------------------------------------------------------------------------

[[left]]                                where do you go?                                                     [[right]]

---------------------------------------------------------------------------------------------

</div>

视频的前面是文本，但它不应该从页面的顶部开始。下面是这两个元素的CSS代码：

#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#cellarground {position:fixed; bottom:0px; top:50%; }

现在没有滚动条了。如果我改变位置（绝对/相对），我可以再次滚动页面。但我需要文本是固定的和向下滚动的能力。否则你不能到达链接。
非常感谢你的任何帮助（我有点新的CSS）.
最美好的祝愿，安珀