Help me with product varriants thumbnails in collection page

[Aurelijus]

Hi! How can I make this:

Into this:

Code:

<label class=“ColorSwatch ColorSwatch–small” for=“{{ color_id }}” style=" background-image: url({{ variant_for_value.image | img_url: ‘small’ }});background-size: cover; /* <------ */

background-repeat: no-repeat;

background-position: center center;

border: 1px Solid #000000;

" title=“{{ value | escape }}” data-tooltip=“{{ value | escape }}”>

[KetanKumar]

@Aurelijus

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.