Diagonal Striped Grid

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18

<div className="min-h-screen w-full bg-white relative grid-animated-container">  {/* Diagonal Striped Grid Spotlight Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(90deg, rgba(16,185,129,0.25) 1px, transparent 0),        linear-gradient(180deg, rgba(16,185,129,0.25) 1px, transparent 0),        repeating-linear-gradient(45deg, rgba(16,185,129,0.2) 0 2px, transparent 2px 6px)      `,      backgroundSize: "24px 24px, 24px 24px, 24px 24px",      WebkitMask: "radial-gradient(circle at var(--x, 50%) var(--y, 50%), black 0, transparent 30%)",      mask: "radial-gradient(circle at var(--x, 50%) var(--y, 50%), black 0, transparent 30%)",      animation: "spotlight 8s ease-in-out infinite",    }}  />  {/* Your Content/Components */}</div>