How to use a background Picture on one page only

13 0 4

This is what my code looks like, but the photo is not showing up, and part of the code is just showing up at the bottom of the webpage. I want the background to be only on the about us page. I already made a seperate .liquid page for the about us page in our theme, but the code still is not making the background show up. I want it to sit at the bottom of the page and leave space above it for a photo. I only want the background on the text that is under the photo.


Message me for the password please

this is the code that I already have in that doesn't seem to be working: 

<body> {
background-image: url({{ 'trans_pattern_1c993b6d-fb7b-46a9-8d26-5d12f58d989a.png' | asset_url }});
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
} </body>