Can't access camera image through external Nabu Casa URL but works internally

Hello, I am using the docker-wyze-bridge and my goal is to take the snapshot it generates and display a cropped/zoomed version of it on a dashboard that I can view externally. I pay for Nabu Casa and remote access is usually seamless, until I encountered this issue.

I set up a picture-elements card and played with the percentages and the image displays pretty much the way I want when I’m on my LAN, but it doesn’t load at all when I view my dashboard externally.

Here is the card I’m using:

type: picture-elements
elements:
  - type: image
    image: [URL]
    style:
      top: '-55%'
      left: '-220%'
      width: 360%
      height: 120%
      transform: translate(0,0)
image: [URL]

And here are the URL’s I’ve tried. [redacted for privacy]

  • http://[local IP]:5000/img/driveway-cam.jpg
  • https://[nabu casa url]/api/hassio_ingress/[random characters]/snapshot/driveway-cam.jpg

Both of those URL’s load the image just fine in a browser window as long as I’m in my LAN but don’t work externally. Is my assumption wrong that the Nabu Casa URL should work externally like everything else?

If there is a better way of achieving this, please let me know. Thanks!