视频渐变？

Question

我在网站上制作背景视频时遇到麻烦，我想像下面的图片一样在上面添加渐变。 （显然您看不到视频在移动，所以这里是the link。这是WP主题。）

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

有关如何执行此操作的任何建议？

这是我的代码：

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

    //- Video background
    .section
        h1 Together We Build Dreams
        .video-container
            <video autoplay loop muted>
                <source src="video.mp4" type="video/mp4">
            </video>

Style.scss文件：

.video-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: 2;
    backface-visibility: hidden;
    background: #3452ff;
    background: linear-gradient(135deg,#3452ff 0%,#ff1053 100%);
    opacity: 0.8;
}

.section {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    
    h1 {
        text-align: center;
        font-size: 4rem;
        color: white;
        padding: 20px;
        margin: 15px;
        z-index: 1;
    }
}

P.S。如果您需要更多信息，请告诉我如何改进和编辑它。谢谢！

Answer 1

请添加HTML和CSS。

from io import BytesIO
import pickle
a = b"asdf"
f = pickle.dumps(a)
file = BytesIO(f)
unpickled = pickle.load(file) # It is equal to initial value.

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