How can I animate all logos in my extended logo list?

Store Design
1

Hey folks,

i just adjusted the Logo List up to 20 Logos (standard is 10). The first 10 Logos are animated but the other ones not. Could you please help me? Max blocks is set to 20 now, but they’re not animated.

Here is the code:

{%- style -%}
.logo-bar–{{ section.id }} {
opacity: {{ section.settings.logo_opacity | divided_by: 100.0 }};
}
{%- endstyle -%}

{%- if section.settings.divider -%}

{%- endif -%}

{%- if section.settings.title != blank -%}

{{ section.settings.title | escape }}

{%- endif -%}

{%- if section.blocks.size > 0 -%}

{%- endif -%}

{%- if section.settings.divider -%}

{%- endif -%}

{% schema %}
{
“name”: “Logo list”,
“class”: “index-section”,
“max_blocks”: 20,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”
},
{
“type”: “range”,
“id”: “logo_opacity”,
“label”: “Logo opacity”,
“default”: 76,
“min”: 0,
“max”: 100,
“step”: 2,
“unit”: “%”
},
{
“type”: “checkbox”,
“id”: “divider”,
“label”: “Show section divider”,
“default”: false
}
],
“blocks”: [
{
“type”: “logo_image”,
“name”: “Logo”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “url”,
“id”: “link”,
“label”: “Link”,
“info”: “Optional”
}
]
}
],
“presets”: [
{
“name”: “Logo list”,
“blocks”: [
{
“type”: “logo_image”
},
{
“type”: “logo_image”
},
{
“type”: “logo_image”
},
{
“type”: “logo_image”
}
]
}
]
}
{% endschema %}