The designer drew here such a block, which in the future will need to be done adaptively. I came up against how to implement a similar beveled corner with a shadow so that it works in ie11 + and modern versions of the browser. I would be grateful for any hint.

[![image](https://i.stack.imgur.com/L3MY0.png)](https://i.stack.imgur.com/L3MY0.png)

The question is in the lower right corner, the upper right without problems can be done by superimposing an opaque image, and with the shadow on the bottom right it will be too difficult to please in all browsers.