Hello everyone! We've got a pipeline working where screenshots are taken of specific routes in our app that we want to use for generating thumbnail previews of pages — however when the pages contain CSS filters on images (right side of the browser window) the filters are not applied. Additionally, when we use backdrop filter blur on a content area (left side of the browser window) the backdrop blur is rendered but the content of the div is not.
The attached screenshot is a preview of the Cloudflare Browser Rendering API result positioned over top of the actual page that was being screenshot in the browser.
Is there anything we can do from our side to better troubleshoot this? We've done everything we can as far as vendor prefixing to make the effects as backwards compatible as possible. Are we hitting limits of the Browser Rendering API or are there ways to work around the issue?
Thanks in advance for your time!