/* CSS for making the background image always cover the full page */
.background-image {
  position: fixed;  /* Use fixed to keep the background static even on scrolling */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('poster.jpg') no-repeat center center; 
  background-size: cover; /* This ensures the image covers the entire area */
  height: 100vh; /* 100% of the viewport height */
  width: 100vw; /* 100% of the viewport width */
  z-index: -1; /* Optional: Ensures the image stays in the background */
}