Here’s your updated `index.html` with a **non-clickable overlay** that sits on top of the Genially badge in the bottom-right corner for both desktop (750×650) and mobile (720×1080). I added a tiny JS snippet that sizes the blocker differently for desktop vs. mobile and only shows it once the loader completes.
> Notes:
>
> * The blocker is a transparent fixed element (`#badge-blocker`) with a very high z-index.
> * On desktop it defaults to **120×40** with a **10px** inset; on mobile it’s **180×56** with a **12px** inset. Tweak if you need more coverage.
> * Uses `env(safe-area-inset-*)` so iOS devices don’t tuck it under the home indicator.
> * You can uncomment the background in CSS to visually debug.
```html
GreyOwl - Technology Solutions
0%
```
If the Genially badge ends up a bit larger on certain devices, bump `bw/bh` in `configureBadgeBlocker()` or temporarily set `background: rgba(255,0,0,.15)` on `#badge-blocker` to visualize coverage, then switch back to `transparent`.
