Right Masked Circuit Board

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
19. 19
20. 20
21. 21

<div className="min-h-screen w-full bg-[#f8fafc] relative">  {/* Right Masked Circuit Board Background */}  <div    className="absolute inset-0 z-0"    style={{      background: "#f8fafc",      backgroundImage: `        linear-gradient(90deg, #e2e8f0 1px, transparent 1px),        linear-gradient(180deg, #e2e8f0 1px, transparent 1px),        linear-gradient(90deg, #cbd5e1 1px, transparent 1px),        linear-gradient(180deg, #cbd5e1 1px, transparent 1px)      `,      backgroundSize: "50px 50px, 50px 50px, 10px 10px, 10px 10px",     WebkitMaskImage:            "linear-gradient(to right, #000 0%, #000 50%, transparent 20%, transparent 100%)",          maskImage:            "linear-gradient(to right, #000 0%, #000 50%, transparent 20%, transparent 100%)",    }}  />     {/* Your Content/Components */}</div>