/* Matrix Code Rain */
    canvas {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      z-index: 1;
      filter: blur(1px) brightness(1.2);
      opacity: 1;
    }

    /* Optional overlay for content */
    .content {
      position: relative;
      z-index: 2;
      text-align: center;
      margin-top: 20vh;
    }

.my-background-box {
    width: 100%;              /* Full width of the viewport */
    height: 100%;             /* Full height of the viewport */
    background-size: cover;    /* Make sure it covers the whole box */
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: -1;               /* Optional: send it to the back */
    }