How to remove white space from end of a horizontal gallery? I have the css but can't apply it!

Hi,

I have created a horizontal sliding gallery within the Ishimoto theme. It looks great but there is a large white space at the end.

Using Inspect on Chrome I have managed to work out what can be changed to make it work correctly but it is a bit of code called element.style which does nothing when used in the Custom CSS Editor.

It's the sqs-wrapper element.style bit that can be changed from this:

element.style {
   left: -22.5px;
   width: 58340px;
}

to this

element.style {
   left: -22.5px;
   width: max-content;
}

How can I permanently apply this? Or does anyone know a better way of doing it?

My website is https://dodecahedron-mustard-3naw.squarespace.comp word is billy

Go to the Travel section to see what I am talking about.

Thank you so much in advance.

Billy

past this code in custom css box

.collection-type-gallery #slideshow {
   padding-bottom: 0px;
}