I'm looking to achieve this behavior :

Restated Desired Behavior:

1. Right Side Becomes Sticky Relative to the Browser Viewport:

   • The right-side content (the module in sticky-right-module) should become sticky relative to the browser's viewport, not the height of the JA_ACM module itself.
   • It should stick to the top of the browser's viewport when scrolling down.
   • It should stick to the bottom of the browser's viewport when scrolling up.

2. Left Side Scrolls Independently:

   • The left-side content of the JA_ACM module should scroll independently while the right side is sticky.
   • The height of the entire JA_ACM module should match the height of the browser's viewport (100% height), so the sticky effect occupies the full screen height when active.

3. Sticky Behavior Activated in Full-Screen Mode:

   • The JA_ACM module should take up the full browser viewport when the sticky behavior is in effect, making the sticky sides visually consistent with the browser's height.