Bitrix. Directory items. How to resize?

Question

PHP

Hello. Integrated component catalog. I bring out the top 4 elements from there. Horizontally.
Too big. How can you change? If I remove the frame and padding, the text moves out after the frame.
Tell me how to do it right?
Thanks in advance.
PS: Googled three hundred times before going to the toaster.
The code looks like this:

<div class="bx_catalog_item_container" id="bx_2662763187_16">
    <a id="bx_2662763187_16_pict" href="/?SECTION_ID=1&amp;ELEMENT_ID=16" class="bx_catalog_item_images" style="background-image: url('/upload/iblock/5b4/5b49b38ce05a355e789ad73175582804.jpg')" title="Холодный склад">
    </a>

.bx_catalog_top_home .bx_catalog_item_images_double, .bx_catalog_top_home .bx_catalog_item_images {
    position: relative;
    z-index: 910;
    display: block;
    padding-top: 135%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

Answer 1

Change what exactly? width: 100% - put the desired percentage - change the width to the desired