Hayden Custom CSS Footer Image overlay showing up on blog post footers

Site URL: https://www.juratinc.com/insights/2022/5/10/jurat-inc-achieves-soc-2-type-1-compliance

I'm currently using the following code (below) to add an image overlay to the background of my footer

footer {
background-image: url(https://static1.squarespace.com/static/5a171571f9a61edc99d5981e/t/626cc600c5414a740a314f34/1651295745685/Website+footer.png);
}

Everything looks great regarding the footer on all pages, BUT the image is also displaying as a separate footer to blog posts as seen in the link provided. It shows up in the area where tags and social likes appear. 

Is there any way to prevent this from happening?

The footer class name appear on both footer + blog metadata. You need to use this new code

footer#footer {
background-image: url(https://static1.squarespace.com/static/5a171571f9a61edc99d5981e/t/626cc600c5414a740a314f34/1651295745685/Website+footer.png);
}

Wow, that worked and definitely made me feel like a klutz for it being such an easy fix!

Big thanks for the help tuanphan!