Video 视频上的梯度？

我在我的网站制作背景视频时遇到问题，我想在上面添加一个渐变，如下图所示。（显然，你看不到视频在移动，所以这里是。这是一个WP主题。）

我已经有了视频，我只需要添加渐变

有什么建议吗

这是我的密码：

（它是HTML和Pug的混合）Index.Pug文件：

//-视频背景
.科
我们一起创造梦想
.视频容器

请添加HTML和CSS

<div class="bg-overlay"></div>

---

请添加HTML和CSS

<div class="bg-overlay"></div>

---

谢谢@user3176303，但是渐变在视频后面而不是上面。我已经用我的代码更新了我的问题。请设置z索引，如果你想准确编码，可以在上共享。好的，我将在CodePen上共享。：）这是链接=>它在我的项目上看起来不同。你想喜欢这个-谢谢@user3176303，但是渐变在视频后面而不是上面。我已经用我的代码更新了我的问题。请设置z索引，如果你想准确编码，可以在上共享。好的，我将在CodePen上共享。：）这是链接=>它在我的项目上看起来不同。你想喜欢这个吗-