How to access dictionary element from html?

I have python dictionary and I wanted to access a deep field of it in html.

dictionary -

dictionary = {"album":{ 
           "album_type":"single",
            "images": [
            {
            "height": 640,
            "url": "https://i.scdn.co/image/ab67616d0000b273358193d702a21397291432ef",
            "width": 640
            },
            {
            "height": 300,
            "url": "https://i.scdn.co/image/ab67616d00001e02358193d702a21397291432ef",
            "width": 300
            },
            {
            "height": 64,
            "url": "https://i.scdn.co/image/ab67616d00004851358193d702a21397291432ef",
            "width": 64
            }]
         }
}

I wanted to access the image url, I know how to do that in python like-

dictionary["album"]["images"][0]['url']

But don't know how to do it in html.

NOTE: I am using Django Framework