My QR code not readable in my web app

I have this screen (see below) with a QR code but often it’s not readable by a camera QR scanner. How should I set the image to make sure it’s readable in different web responsive screens?

Inside appgyver

Container:

  • Width and height max 250px
  • Children stretch to fill container

image:

  • Width: 100%
  • Resize mode: Stretch

one thought is that because the qr is so detailed, the resolution of your screen is not so big and thats why it doesn’t always show up.
Maybe you can test this theory by making more qr codes using different sites and see if the less detailed ones work better