Overlapping blacks and transparency

Site URL: https://meletius-roasters.squarespace.com/

Hi, I would really appreciate some help / advise with a site I'm creating. The front home page shows an animation on a coffee roaster with two buttons 'supply' and 'retail'. What I am attempting to do is bring the buttons closer to animation with this code: 

section[data-section-id="62400183b21e052e9a6af5fd"] {top: -200px;}

This works however the section background is white when it need to be transparent so it doesn't block the animation above it. 

It currently looks like this: 

Is there a way to make the background transparent? 

Thanks in advance for any help!

Site password: Password1

4 hours ago, El1z4b3th said:

Site URL: https://meletius-roasters.squarespace.com/

Hi, I would really appreciate some help / advise with a site I'm creating. The front home page shows an animation on a coffee roaster with two buttons 'supply' and 'retail'. What I am attempting to do is bring the buttons closer to animation with this code: 

section[data-section-id="62400183b21e052e9a6af5fd"] {top: -200px;}

This works however the section background is white when it need to be transparent so it doesn't block the animation above it. 

It currently looks like this: 

Is there a way to make the background transparent? 

Thanks in advance for any help!

Site password: Password1

Remove your code and add the following one

section[data-section-id="62400183b21e052e9a6af5fd"] {
  padding-top: 0 !important;
}

Let me know how it works on your site

My testing

Thanks @bangank36 that worked! 

I wondered if there is any way now to get rid of the big white space underneath the buttons so there's no option to scroll down? 

Thanks so much for your help.

On 4/19/2022 at 4:13 PM, El1z4b3th said:

Thanks hat worked! 

I wondered if there is any way now to get rid of the big white space underneath the buttons so there's no option to scroll down? 

Thanks so much for your help.

Try adding to Design > Custom CSS

@media screen and (min-width:768px) {
body.homepage {
	overflow: hidden;
}}