Creating templates with embedded image

Hello, I’ve been trying to create my own template instead of using the default ng_alert_notification.html.
I’m currently using Grafana v10.0.1 and have the grafana-image-renderer installed and configured.

So far I’ve been able to get the image embedded into my emails using only the default ng_alert_notification.html

but when trying to create my own template in the web admin portal I cant seem to get images included.
The template I have created is simple so far and it is:

{{define “ThinhTemplate”}}
{{range .Alerts}}

Time of alert: {{.StartsAt.Format “Monday, 1 January 2023 at 3:04 PM”}}
{{Labels.instance}}
{{.Annotations.summary}}
Here is a direct link to the graph:
{{.PanelURL}}
To silence this use the link below:
{{.SilenceURL}}
{{end}}
{{end}}

In my contact points for the email message I have:
{{template “ThinhTemplate” .}}

Im wondering if should be adding {{ if .ne .EmbeddedImage “”}} into the template or the email message itself maybe? Any suggestion would be much appreciated.