.video-background {
  position: absolute;
  top: -5%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 110vh;
  overflow: hidden;
  /*margin-bottom: 20%;*/
  background-color: black;
}

*, :after, :before {
    box-sizing: content-box;
}

#bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110vh;
  object-fit: cover;
  z-index: 0
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110vh;
  /*background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0.0));  /*1.0 & 0.0*/
  mix-blend-mode: multiply;
  z-index: 4;
  background: #ebe1d4;
}

.content {
  position: relative;
  z-index: 5;
}

.video-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110vh;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 100%); /*.70*/
  z-index: 3;
}

.image-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #111111;
  background-size: cover;
  background-position: center center;
  z-index: 2;
  width: 100%;
  height: 110vh;
}