{% if product.imagesByType('thumbnail') is not empty %}
{% set path = product.images[0].path|imagine_filter('sylius_shop_product_original') %}
{% elseif product.images.first %}
{% set path = product.images[0].path|imagine_filter('sylius_shop_product_original') %}
{% else %}
{% set size = random(5) * 200 %}
{% set path = "https://picsum.photos/#{ size }/#{ size }.jpg" %}
{% endif %}

<div class="ratio ratio-1x1">
    <img src="{{ path }}" alt="{{ product.name }}" class="{{ class|default('') }} object-fit-cover rounded-3 border border-light bg-light" {{ sylius_test_html_attribute('main-image') }} />
</div>