How to fix parent block height with content?

Question

css

There is a block with the main image of the product, inside it is another block with additional images. For the first block, you need to make a border of a certain color, while adding. pictures must also be inside this border. I did this using padding-bottom, but the problem is that each product has a different number of images and it turns out extra empty space. For example, one position has 6 pictures, the other has 3. How to make sure that there is no extra space? Seems like a common problem, but I can't figure it out. Here is the site itself: lozhki-luzhniki.ru/upakovka-pod-lozhki.html

Answer 1

Change the padding to overflow: hidden;
padding can be left about 20px from the bottom.
ps layout is bad, the flow needs to be cleared.