How to make header transparent on home page, and have image gallery underneath?

https://www.calsharkey.com/

I'd like to make the website header on my home page transparent and then add a full-screen gallery/slideshow partially underneath (so it's bleeding across the page, like the image that first loads on this website: https://www.kishibashi.com/). 

I found this code but it didn't work and also made my other pages' galleries look weird:

.page-section.gallery-section{
  padding-top:0px!important;
}

Also is there a way to do this so it only affects the header on the homepage, and the other pages have the header with a white background?

Thanks for any help on this! It's much appreciated 

@CalShark can you send a link to your site so we can see it in action and give you specific code?

3 hours ago, SaranyaDesigns said:

@CalShark can you send a link to your site so we can see it in action and give you specific code?

Sorry about that! It asked for a link when I posted this and I added it but not sure where it went: https://www.calsharkey.com/

Thanks so much!! this was exactly what I was looking for 🙂