<!-- PWMS ERROR: stack level too deep -->      /* Parallax Background Container */
        .parallax-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; /* Behind all content */
            overflow: hidden;
        }
        
        /* Common styles for all parallax layers */
        .parallax-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 250vh;
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            will-change: transform;
        }
        
        /* Layer z-index ordering */
        .layer-1 { z-index: 5; } /* Top layer */
        .layer-2 { z-index: 4; }
        .layer-3 { z-index: 3; }
        .layer-4 { z-index: 2; }
        .layer-5 { z-index: 1; } /* Bottom layer */
        
        /* Optional: Add minimum body height to ensure scrolling is possible */
        body {
            min-height: 100vh; /* Ensures enough scroll space to see the effect */
        }
        
        /* Bootstrap content container */
        .content-wrapper {
            position: relative;
            z-index: 10; /* Above parallax background */
        }
        
        /* Optional: Add some padding/margin to content sections for better visibility */
        .content-section {
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 8px;
            margin: 30px 0;
            padding: 30px;
        }