background image for site page isn't working with markdown code!!!

<style>
/* Add the image as a background*/
#page{
background-image:url(https://static1.squarespace.com/static/6132633584be0e331f803da6/t/630965f6ad41a04dffeccfe9/1661560310932/Squiggles+1.jpeg);
background-size: contain}

/* Make the page section backgrounds transparent */
#page .page-section {
background: transparent!important
}
#page .page-section .section-background {
background: transparent !important;
}
</style>

Y'all, I originally used this markdown code block to insert an image on the page without the image stretching. If I remember correctly, the image is supposed to repeat. Since SS updated, the image isn't showing up at all. Is there an easy way to fix this? Editing the section background makes the image stretch, which is annoying because the image gets all pixelated.

Note: this is the image that is supposed to be in the background (resized for post bc the image is large)

Change this line

#page .page-section .section-background {
background: transparent !important;
}

to this

#page .page-section .section-background, #page .page-section .section-border {
background: transparent !important;
}