Transparent Nav on Image Gallery

Site URL: https://tangerine-iguana-kwg3.squarespace.com/

Hello there, 

I was hoping to get some help in a couple of areas within the header:
- I have an image gallery on the homepage and for some reason the nav is no longer transparent above the gallery, but it is on my other pages. Is there a way to get the image gallery to be full bleed? It looks like the issue is the spacing as it is placed below the nav, unlike other full bleed content.

- Additionally, I was also trying to find a way to have an alternate header image show up on mobile vs. desktop as the gallery images gets cropped significantly. Unsure if there is a solve for this, but thought to ask regardless, thanks a lot! 

https://tangerine-iguana-kwg3.squarespace.com/

Password: MaintainS134!

Is this what you want, let's copy the custom css in place

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

Fantastic, thank you so much! This is exactly what I needed.

And as far as using an alternate image in Mobile view, is that possible at all? 

Thanks again,

Anna

19 minutes ago, Sera said:

Fantastic, thank you so much! This is exactly what I needed.

And as far as using an alternate image in Mobile view, is that possible at all? 

Thanks again,

Anna

 

the selectors for 1st 2nd 3rd is from top to bottom, kindly replace your own images

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

@media only screen and (max-width: 768px) {
  section[data-section-id="5faddfad2bb93a1ea28b510b"] .gallery-fullscreen-slideshow-item-img img {
  display: none;
}
section[data-section-id="5faddfad2bb93a1ea28b510b"] .gallery-fullscreen-slideshow-list .gallery-fullscreen-slideshow-item:nth-child(1) .gallery-fullscreen-slideshow-item-img {
    background: url(https://placeimg.com/640/480/any) no-repeat;
    background-size: cover;
  }
section[data-section-id="5faddfad2bb93a1ea28b510b"] .gallery-fullscreen-slideshow-list .gallery-fullscreen-slideshow-item:nth-child(2) .gallery-fullscreen-slideshow-item-img {
    background: url(https://placeimg.com/640/480/any) no-repeat;
    background-size: cover;
  }
section[data-section-id="5faddfad2bb93a1ea28b510b"] .gallery-fullscreen-slideshow-list .gallery-fullscreen-slideshow-item:nth-child(3) .gallery-fullscreen-slideshow-item-img {
    background: url(https://placeimg.com/640/480/any) no-repeat;
    background-size: cover;
  }
}

Thank you so much @bangank36 - it worked!!