.bottom-fixed-video {
  position: fixed;
  left: -5px;
  right: -5px;
  bottom: 0;
  width: calc(100% + 10px);
  object-fit: cover;
  object-position: center bottom;
  z-index: 100;
  pointer-events: none;

  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  .bottom-fixed-video {
    object-position: center bottom;
    height: auto;
  }
}