Slideshow Gallery Height Not Filling Frame - Need Elegant Workaround

Hello!

I'm designing a site for a client that has a full-width 1x4 grid that mixes different blocks—2 photographs, a filled text block and a slideshow gallery. I'd like all the elements to be the same height, but the slideshow gallery is not behaving. The gallery is set to auto-crop, but the images do not entirely fill the frame.

I saw an earlier forum post that says it is not possible to force the gallery to fill the frame, so I'm looking for other workarounds. I've tried adjusting the frames of the other elements with CSS so that all elements visually appear to be the same height, but this only works at the maximum screen width and starts to look wonky again at narrower widths when the gallery automatically adjusts. I think there must be a way, but I'm not that skilled with CSS.

The only solution I have found is to use a shape block to literally cover the bottom of all the blocks so that they appear even, but this feels inelegant. 

Any advice? 

https://sarahlockhartphotography.squarespace.com

Site password is "Sarah"

You can use this code to Website > Website Tools > Custom CSS to fix problem.

div.fe-6617fac4a015e859ddefe24a {
    --row-height-scaling-factor: 0 !important;
}

Incredible, @tuanphan —thank you! That solution worked perfectly.