如何在一个HTML索引文件中获取多个背景图像？

如何使用HTML和CSS仅使用一个索引文件和一个CSS文件获取多个背景图像。我希望第二个背景是背景视频，第三个背景是另一个图像。这是我的css html元素的外观：

html {
  width: 100%;
  height: 100%;
  overflow: scroll;
  margin:0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-family: 'Open Sans Condensed', "sans-serif";
  font-size: 120%;
  background-image: url(pictures/main-photo.jpg);
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: darkslategrey;
  min-width: 1435px;
}

---

您可以使用具有

背景位置的多个
背景图像
属性来设置图像的位置。您还需要背景重复：无重复
多重背景是什么意思？同时？“幻灯片”类型的东西？问题需要澄清。背景图片：url（xyz.gif），url（abc.gif）；背景位置：右下、左上；背景重复：不重复，重复；