Need to force gallery slideshow to fit on smaller mobile screens

@media screen and (max-width: 699px) {
  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow {
    height: 45vh !important;
  }

  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow-item {
    height: 45vh !important;
  }
}

@media screen and (min-width: 700px) and (max-width: 999px) {
  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow {
    height: 55vh !important;
  }

  [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow-item {
    height: 55vh !important;
  }
}

Hi @rwp could you take a look at this page please. I can not find a code anywhere to fit the gallery to size on mobile

On 9/18/2020 at 12:44 AM, ShortAngryViking said:

Hi @rwp could you take a look at this page please. I can not find a code anywhere to fit the gallery to size on mobile

https://ray-cone-ap64.squarespace.com/gallery

 

passcode: 12345

 

Add to Page Settings . Advanced > Header

<style>
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 40vh !important;
}
}
</style>

Thank You @tuanphan