Listings

<video autoplay muted loop playsinline id="background-video">
  <source src="https://www.dropbox.com/scl/fi/cnpaaqa7zmgrpxhqy6ka5/loop-skyline.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<style>
/* CSS: Style the video to cover the background */
#background-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures video scales to cover the container */
  z-index: -1; /* Places video behind other content */
  filter: grayscale(100%); /* Apply grayscale effect */
  /* Ensure smooth rendering */
  transform: translateZ(0) !important; /* Forces hardware acceleration */
  will-change: transform !important; /* Hints to browser for optimization */
}

/* Optional: Ensure content is visible over the video */
body {
  position: relative;
  color: white; /* Adjust text color for visibility */
}
</style>