Use shadow DOM or different class names

[RaminGe]

Hey there,

It would make lots of sense to add the image viewer as shadow DOM element instead of just adding it to the body, or at least rename the classes and add some suffix or prefix. Right now the viewer uses the class name container which is widely used by many css libraries and can infer with the styles of the image viewer.

E.g. in this case the container class has a max width set globally and therefore also limits the image viewer (which of cource should still be displayed in fullscreen):

This could be resolved by renaming the classes used to e.g. ìmg-viewer-container or use the shadow DOM.

[MostafaMDZH]

Hi @RaminGe That's a great idea! thanks!