Complications Using CSS To Reduce Section Minimum Height

Site URL: https://danielesestito.com/photos

I have two pages on my site which have a "Hover: Fixed" portfolio layout. Because the height of the section is too long as is, I have a CSS which reduces its height:

[data-section-id="62ab9dffa603034ec044abbd"] {
min-height: unset !important;
height: 80vh;
}

However, whenever I apply this CSS, that whole section becomes completely invisible (though the portfolio page titles are still clickable) on the published site or in the website editor. The only way it's visible with the corrected section height is when I'm on the Custom CSS tab on the website editor, that's it. It looks like this:

How can I get this section height adjustment to work all of the time?

If you go on those pages now (danielesestito.com/photos & danielesestito.com/more), you can see it without any height adjustments.

Bump! I still haven't been able to fix this!