Removing excess white space below carousel gallery block?

I've customized a carousel block on a site I am working on, but when I reduced the max-height so that more images can show at one time, I now have this large area of white space at the bottom of the block that I can't remove? 

Does anyone know how to remove this? (When I try to manually adjust the block size in the editor, the borders turn red and it won't go any smaller in height.)

URL is: https://purple-ocelot-2dea.squarespace.com/

Password is: "GLOW" (all caps)

Here is the code I've added customizing this block: 

//wireline around event gallery images//
.sqs-gallery-design-strip img {border: 1px solid black;}

//padding around event gallery images//
.sqs-gallery-design-strip img { margin-right: 25px; }

// adjusting width and height of gallery//
.sqs-gallery-design-strip img {
  max-height: 700px !important;
  }

Can you check site url?

I am having this same problem and can't find any way to fix it. 

https://turbot-cricket-r3pp.squarespace.com/config/

password: workingonit

On 7/29/2024 at 4:38 PM, Rosebudcasson said:

I am having this same problem and can't find any way to fix it. 

 

https://turbot-cricket-r3pp.squarespace.com/config/

password: workingonit

Which page are you referring to? I can't find it on main home page

https://turbot-cricket-r3pp.squarespace.com/?noredirect