Page number inside an image

Showcase
,
1

Maybe I am going over my head, but after many tries to make a page number within (inside) an image, I believe I finally got it and wish to share with the Typst community.

Here is my code:

// set page number inside an image (transparent PNG).
// the image is the only external dependency
#set page("us-letter", numbering: "1", number-align: center,
  footer: context [ 
  #set text(12pt)
  #align(center, 
  box[
    #counter(page).display()
  
  #place(
    start,
    dx: -32pt,
    dy: -20pt,
    box(baseline: 15%, image("Picture1.png", height: 50%, scaling: auto)),
  )
])]
) 


= Heading
\
#lorem(4800)

The image I used is: Picture1 — Freeimage.host

If anyone has recommendations on how to better implement it, feel welcome to contribute!