Configurable Dimming / Blur for Content Underneath Subscription Modal

🔍 Problem Statement
As a digital publisher, I experience the subscription modal's background blur/dim being insufficient to obscure article content, which allows readers to continue reading without subscribing and reduces conversion.

💡 User Story
As a publisher, I want to configure the blur intensity and dim opacity behind the subscription modal, so that article content is effectively obscured and the modal captures full attention.

🎯 Definition of Done
- Given the subscription modal config, when blur/dim values are set, then the background is obscured to the configured level.
- This change impacts the JS-SDK (modal config options) and ReactJS Elements (subscribe modal component).
- Limitations: default values remain at current levels; extreme values may impact performance on low-end devices.

---

1. Problem Statement When the Pelcro subscribe modal is displayed, the content underneath remains too visible and readable. The current blur/dimming effect does not sufficiently reduce the legibility of the article or page content. As a result: Readers can continue reading the content behind the modal without subscribing. The subscription prompt loses urgency and focus. Clients have less control over how aggressively they want to protect or obscure content when the paywall is triggered. This impacts Pelcro clients (publishers/media companies) who rely on the paywall experience to drive conversions and protect premium content. Affected Components: UI: Subscription/paywall modal overlay behavior (web Elements / front-end integration). (Potential future extension: SDK config options, but primary scope is UI.) 2. User Story As a Pelcro client (publisher) , I want to configure how much the page content is dimmed or blurred beneath the subscription modal , so that readers cannot easily continue reading the content, and their focus is directed toward subscribing or logging in .