background image for page isn't working with header code injection

Ever since SquareSpace was updated a few months back, the custom code blocks I made so that I could have a few pages with different image backgrounds stopped working entirely. I've tried using code blocks, custom CSS, and header code injection on the sites, but none of them will work. I cannot figure out what is wrong, and it is super frustrating.

Here is an example of a header code injection I've tried:

<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: cover}

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

I've also tried a code block, which worked before Squarespace's update.

Can someone *please* explain to me what I am doing wrong?

Change last code

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

to this

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