grid row overflow: scroll; not working in firefox only

Hello I’ve run into a problem that i can’t find a solution to.

I have a grid row element with two rows. The left row contains a gallery that you can scroll through.
In quick css I’ve set the grid row element to overflow: scroll; so that the gallery is contained within the grid row and is scrollable.

This works just as I want it to in all browsers except firefox. When I open the website in the firefox browser the gallery is not contained and it spills out over the footer.

I’ve read somewhere that in order to solve this problem I have to give the parent container a min-height:0; or else firefox can’t contain the overflow. I don’t understand this and I don’t know which element I should give the min-height:0;

Is this an issue you know anything about, and can you help me fix it?

I love using enfold. It’s so flexible and you can do so much with the child theme and quick css, it is just a pain when the code doesn’t translate the same in all browsers. Hope you can help.

I’ve included a link to a page with the problem as well as my login credentials in case you’ll need them.

Best,
Andreas