图片叠加了视频背景

Question

我正在尝试重新创建Uber网站的背景滑块，但不进行滚动。.

因此将没有滑块（页面滚动）。 仅有一个视频背景与图像（或视频）重叠。 您可以在此处查看网站-Uber

这是我最近来的

CSS：

.full-container { 
 height: 100vh;
}
video {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
.img-container {
position: relative;
}

HTML：

<div class="full-containter">
<div class="img-container"><img src="https://image.ibb.co/eRFswo/bg2.png"/></div>
<video autoplay muted loop>
    <source src="http://www.icutpeople.com/wp-content/themes/icutpeople/assets/video/waynesworld.mp4" type="video/mp4">
</video>
</div>  

我不知道如何在不同部分分割图像，所以我在Photoshop中进行了自己的设计。

它可以工作，但是请您帮我重新创建他们在网站上所做的内容，如何使用2个视频（一个在背景中，一个在部分中分开）？

这是小提琴的例子-jsfiddle

谢谢！