Code for Mobile View

Site password: rsksite

Hey all - I am unfamiliar with how to code for mobile view. I currently have a banner with  images on rotation and a description text box. It looks great on desktop, but when I look in mobile view the text box is getting cut off.  Please review screenshot for reference. Here is the code I have used..

//Gallery Text//
.gallery-caption p{color: white!important}
.gallery-caption p {white-space:pre; text-align:center}
.gallery-caption {background: linear-gradient(to right, #2B3D58, #BD9060); opacity: .85!important}
.gallery-caption p{font-size:1.1rem!important}
.gallery-caption p:first-line {font-weight:bold}
.gallery-caption p{font-family:ITC Avant Garde Gothic Pro!important}
.gallery-caption {margin-top: -8%}
.gallery-caption.gallery-caption-fullscreen-slideshow {
    top: 100%;
    left: 70%;
    text-align: .2 % left;
    max-width: 30%;
}
//END GALLERY TEXT//
.gallery-fullscreen-slideshow {
  margin-bottom: 0px!important
}

can you share your link? I only see your site password

Sorry about that! https://lanternfish-maracas-phwl.squarespace.com/

thank you!