How can I add a custom image to my 404 page background?

Store Design
,
1

Hi all , I am looking to add a custom image to the 404 page background on my site, the 404 page is ok just the background is plain white and i wanted to add an image from my files.

I have the image just need the code and where i put it please if anyone can assist?

current 404 code :

{{ 'general.404.title' | t }}

{{ 'general.404.subtext_html' | t }} {{ 'general.404.click_here' | t }} {{ 'general.404.continue_shopping' | t }}

2

just to add the url for the image on my store is: https://cdn.shopify.com/s/files/1/0550/3379/0596/files/404_page_not_found_970_x_600px.png?v=1676206625

3

Hi i have added it below but the imager doesn’t show ? just the url on the 404 page shows

{{ 'general.404.title' | t }}

body {
background-image:https://cdn.shopify.com/s/files/1/0550/3379/0596/files/404_page_not_found_970_x_600px.png?v=1676206625
background-size: cover;
background-position: center;
}

{{ 'general.404.subtext_html' | t }} {{ 'general.404.click_here' | t }} {{ 'general.404.continue_shopping' | t }}