Primer

HTML

<picture class=" c20-picture">
			<source srcset="/images/mainsite5/c20/section-2.png 387w /images/mainsite5/c20/section-2.png 774w" media="" />
	
	<img class=" c20-picture__image" src="/images/mainsite5/c20/section-2.png" alt="" />
</picture>

Twig

<picture class="{{ pictureClass }} c20-picture">
	{% for source in sources %}
		<source srcset="{{ source.srcset }}" media="{{ source.media }}" />
	{% endfor %}

	<img class="{{ imageClass }} c20-picture__image" src="{{ src }}" alt="{{ alt }}" />
</picture>

{
    "pictureClass": "",
    "imageClass": "",
    "sources": {
        "0": {
            "srcset": "\/images\/mainsite5\/c20\/section-2.png 387w \/images\/mainsite5\/c20\/section-2.png 774w",
            "media": ""
        }
    },
    "src": "\/images\/mainsite5\/c20\/section-2.png",
    "alt": ""
}