Help with mobile coding

Site URL: https://corn-apricot-zn88.squarespace.com/

Hi. I coded my site so that the full bleed images slip under the header and a static text that sits on top of the image.  It works perfectly, but in mobile view, I cannot get them to now move back down and I cannot see the text. I am not an expert at mobile coding, so I am hoping that maybe I am just missing something. This is the code for the text overlay and shifting the content up. 

<style>
  .gallery-fullscreen-slideshow {
  margin-top: -205px!important; margin-bottom: 0px!important; padding-bottom: 0px!important; }
}</style>

<style>#block-4d7c97be77d43ef7bc95 {position: relative; height: 200px!important; max-width: 400px!important!; margin-top: -300px!important; margin-left: -530px!important; pointer-events: none; margin-bottom: -50px!important; padding-bottom: 0px; }</style>

<style>
  #block-4d7c97be77d43ef7bc95 {/*Firefox*/  position: relative; height: 200px!important; max-width: 400px!important!; margin-top: -300px!important; margin-left: -420px!important; pointer-events: none; margin-bottom: -50px!important; padding-bottom: 0px; /*Firefox*/
  }
</style>

<style>
@media only screen and (max-device-width: 640px)     .gallery-fullscreen-slideshow {
  margin-top: 100px!important; margin-bottom: 0px!important; padding-bottom: 0px!important; }
</style>
  

Hi. What is access password?