Footer no longer transparent with custom HTML

Hey everyone, I have an issue with trying to make my sites footer transparent again.

I have this bit of code within the Footer field in my Code Injection advanced section. It successfully made my footer transparent site-wide before the latest update. Now, it no longer works. Silly how a very simple design choice is not able to easily be implemented with Squarespace. Can anyone help me adjust the code to make it work with the latest update, please? Thanks!
Site: https://www.KAJStudio.com/

 

<style>
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background {
    background: transparent !important;
}
</style>

Try changing class name

.section-background

to

.section-border

Thanks for replying.
Unfortunately, that did not work. I still can't figure it out. My HTML and CSS is very basic and Squarespace code is beyond me.
Any other ideas?

On 11/26/2022 at 4:10 AM, YebinJantunen said:

Thanks for replying.
Unfortunately, that did not work. I still can't figure it out. My HTML and CSS is very basic and Squarespace code is beyond me.
Any other ideas?

Use this new code

<style>
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background, body.homepage .section-border {
    background: transparent !important;
}
</style>