Dismissed announcement bar creating additional padding?

I used a bit of custom CSS (that a wonderful individual helped me with here years ago!) to allow a background image (or in this case a shape) to sit flush with the top of my site behind the nav on the homepage. This worked perfectly–– until an announcement bar was added. All looks good until the announcement bar is dismissed by a site visitor and now there's a chunk of padding at the top of the page that I can't seem to get rid of.

Wondering if anyone can help??

CSS used to allow shape to sit at top of site:

#collection-6525b99a06f28358da4ed468 .page-section:first-child {
  padding-top: 0 !important;
}

(Small additional note–– super tight padding on the logo now.. would love to add a touch above the logo if anyone can help. "Desired outcome" pic attached)
 

Huge thanks in advance! 

Can you share your website URL and site wide password if your website isn't live?

Oh geez. I thought I dumped the URL into a required field–– sorry!

–Redacted URL–

You, sir... are a god damned hero.

I'm just a designer and my client hired a dev who made some visual additions/changes I had to undo and I firmly believe I never would have found that sneaky thing without you. 

THANK YOU!!!!!!!!!!!!!!!!

2 minutes ago, jessiebjenn said:

You, sir... are a god damned hero.

I'm just a designer and my client hired a dev who made some visual additions/changes I had to undo and I firmly believe I never would have found that sneaky thing without you. 

THANK YOU!!!!!!!!!!!!!!!!

Not a problem, glad I could help you with that!