body {
  background-image: url("background.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.iframe-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 3840px;
  height: 2160px;
  z-index: 1000;
  display: block;
  transform-origin: top left;
}
.blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.1); /* Slight tint */
  backdrop-filter: blur(10px); /* Apply blur effect */
  z-index: 5;
  display: block;
}
@media only screen and (max-width: 2000px) {
  .iframe-container {
    transform-origin: 0 0;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 2000px) and (max-width: 2600px) {
  .iframe-container {
    transform-origin: 0 0;
    transform: scale(0.8);
  }
}