It is possible that (anti-virus) security software is causing the problem.
Try to disable security software temporarily to see if that makes a difference.

What do you get when you right-click in this image area and check in the Inspector what element is selected ?

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.

• https://developer.mozilla.org/en-US/Tools/Page_Inspector/How_to/Examine_and_edit_HTML

It is possible that (anti-virus) security software is causing the problem.
Try to disable security software temporarily to see if that makes a difference.

---

What do you get when you right-click in this image area and check in the Inspector what element is selected ?

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.

• https://developer.mozilla.org/en-US/Tools/Page_Inspector/How_to/Examine_and_edit_HTML

I tried disabling both windows defender and malwarebytes but the issue is still there.

Inspect element logs in image attached.

Do you see an image preview if you hover the src attribute (/assets/..../) in the IMG tag in the selected DIV container ?

You can check the Web Console (Tools -> Web Developer) for messages about blocked content and about the presence of mixed or unsafe content.

• https://developer.mozilla.org/en-US/Tools/Web_Console

You can check the Network Monitor to see if content is blocked or otherwise fails to load.

• https://developer.mozilla.org/en-US/Tools/Network_Monitor

If necessary use "Ctrl+F5" or "Ctrl+Shift+R" (Mac: Command+Shift+R) to reload the page and bypass the cache to generate a fresh log.

Do you see an image preview if you hover the src attribute (/assets/..../) in the IMG tag in the selected DIV container ? You can check the Web Console (Tools -> Web Developer) for messages about blocked content and about the presence of mixed or unsafe content.

• https://developer.mozilla.org/en-US/Tools/Web_Console

You can check the Network Monitor to see if content is blocked or otherwise fails to load.

• https://developer.mozilla.org/en-US/Tools/Network_Monitor

If necessary use "Ctrl+F5" or "Ctrl+Shift+R" (Mac: Command+Shift+R) to reload the page and bypass the cache to generate a fresh log.

I get an image preview but it's not the qr code image i need.

Network Monitor looks normal but Web Console is giving me a few errors.

It looks that the image is drawn on canvas, so you might be blocking the website from creating or accessing canvas.

Are you possibly using Resist Fingerprinting?

• https://support.mozilla.org/en-US/kb/firefox-protection-against-fingerprinting

You can check this pref on the about:config page to see if Resist Fingerprinting is enabled and if this pref is user set (bold) reset to false via the right-click context menu.

• privacy.resistFingerprinting = false

Other related preferences:

• privacy.resistFingerprinting.autoDeclineNoUserInputCanvasPrompts
• privacy.resistFingerprinting.randomDataOnCanvasExtract

You can open the about:config page via the location/address bar.
You can accept the warning and click "I accept the risk!" to continue.

• https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Changing the resist fingerprinting in the about:config worked!