Unable to get full width letter head in print format

I am using image based letter heads in my print format . I am using wkhtmltopdf . I want my letter head to occupy the full width of the page . I am able to attain it using `Sales Order Standard` print format . I tried copying the same template but it is not working for some reason . What am i missing .
Expected :

Existing:

If you’re on the develop (v17) branch, we have a new Print Builder. You can use it to adjust margins, padding, and other layout settings.

Add this to your Letter Head HTML

style="width:100%; margin: 0 -15mm;" (replace 15mm with your actual left/right margin from Print Settings)

That’s it negative margin cancels the page margin so it spans full width.

I am currently on version 16 and cannot shift to develop branch . Here is the jinja syntax i am using
```
{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer,
print_settings=None, print_heading_template=None) -%}

{% if letter_head and not no_letterhead %}

{{ letter_head }}
{% endif %}

{% if print_heading_template %}
{{ frappe.render_template(print_heading_template, {“doc”: doc}) }}
{% endif %}

{%- endmacro -%}

{%- macro add_footer(page_num, max_pages, doc, letter_head, no_letterhead, footer,
print_settings=None) -%}

{% if footer and not no_letterhead %}

{{ footer }}
{% endif %}
Page of

{%- endmacro -%}

html, body { margin: 0; padding: 0; width: 100%; font-family: Inter, sans-serif; color: #171717; font-size: 11px; } .print-format { margin: 0 !important; padding: 0 !important; width: 100% !important; } .print-format-body { padding: 30px 16px 20px 16px !important; } .letter-head, .letter-head-footer { width: 100% !important; margin: 0 !important; padding: 0 !important; } .letter-head table, .letter-head-footer table { width: 100% !important; border-collapse: collapse; } .page-info { text-align: right; font-size: 10px; color: #666; margin-top: 8px; } .title { color: #7c7c7c; }

{% for page in layout %}

{% if print_settings.repeat_header_footer %}

{{ add_header( loop.index, layout|length, doc, letter_head, no_letterhead, footer, print_settings, print_heading_template ) }}
{{ add_footer( loop.index, layout|length, doc, letter_head, no_letterhead, footer, print_settings ) }}
{% endif %}
<h2>Sample Document</h2>

<p>
    Random Text for fill the document .
</p>
{%endfor %}

```
Can you please review my jinja code .

I am using Images in my letter head . Is there any solution for that?

<img src="your-logo.png" style="width:100%; margin: 0 -15mm; max-width:none;" />

same for image