{#
  Uso:
  {% include '_picture.html.twig' with {
    src: 'uploads/images/foo.jpg',
    alt: 'Descrição',
    class: 'page-layout__image',
    lazy: true,
    fetchpriority: null
  } %}
#}
{% set lazy = lazy is defined ? lazy : true %}
{% set webp = media_webp_url(src) %}
{% if webp %}
    <picture>
        <source srcset="{{ webp }}" type="image/webp">
        <img
            src="{{ asset(src) }}"
            alt="{{ alt|default('') }}"
            {% if class is defined and class %}class="{{ class }}"{% endif %}
            {% if lazy %}loading="lazy" decoding="async"{% else %}decoding="async"{% endif %}
            {% if fetchpriority is defined and fetchpriority %}fetchpriority="{{ fetchpriority }}"{% endif %}
            {% if width is defined and width %}width="{{ width }}"{% endif %}
            {% if height is defined and height %}height="{{ height }}"{% endif %}
        >
    </picture>
{% else %}
    <img
        src="{{ asset(src) }}"
        alt="{{ alt|default('') }}"
        {% if class is defined and class %}class="{{ class }}"{% endif %}
        {% if lazy %}loading="lazy" decoding="async"{% else %}decoding="async"{% endif %}
        {% if fetchpriority is defined and fetchpriority %}fetchpriority="{{ fetchpriority }}"{% endif %}
        {% if width is defined and width %}width="{{ width }}"{% endif %}
        {% if height is defined and height %}height="{{ height }}"{% endif %}
    >
{% endif %}