:root {
    --total-height: 200px; /* Adjust this to the height of your site */
  }

  
.square_bg {
    position: absolute;
    animation: rotate 10s infinite linear;
  }

  @keyframes rotate {
    0% {
      transform: translateY(var(--total-height)) rotate(var(--initial-rotation));
      left: calc(calc(calc(100vw + 200px) * var(--random-left)) - 200px);
    }
    100% {
      transform: translateY(0) rotate(calc(var(--initial-rotation) + 720deg));
      left: calc(calc(calc(100vw + 200px) * var(--random-left)) - 200px);
    }
  }