How to make images in gallery section smaller without cropping them?

Site URL: https://www.pstrikailov.com/work/lost

Hi! I need to make vertical images in my gallery section smaller so that they fit the screen and can be seen entirely without the need to scroll. Right now their upper or lower part is always hidden. Any way to do that without getting rid of the gallery section and doing it with image blocks? Obviously cropping the images is out of the question :) I need to resize them proportionally.

Add to Design > Custom CSS

/* Work lost page */
[data-section-id="6023e23e655a2c4c3eb31d7a"] {
    min-height: unset !important;
}
[data-section-id="6023e23e655a2c4c3eb31d7a"] .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.gallery-masonry {
    padding-top: 5px !important;
    width: 70%;
}

Then save & reload your site