PortableInfobox/templates/PortableInfoboxItemHeroMobile.mustache

<div class="pi-item pi-hero">
	{{#title.value}}
		<hgroup class="pi-hero-title-wrapper pi-item-spacing">
			<h2 class="pi-hero-title">{{{title.value}}}</h2>
			{{#image.caption}}
			<h3 class="pi-hero-caption">{{{image.caption}}}</h3>
			{{/image.caption}}
		</hgroup>
	{{/title.value}}
	{{#image}}
	<img src="data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"
	     data-src="{{thumbnail}}" class="pi-image-thumbnail lazy media article-media" alt="{{alt}}"
	     data-image-key="{{name}}" data-image-name="{{name}}" data-ref="{{ref}}"
	     data-params='[{"name":"{{name}}", "full":"{{url}}"}]'/>
	{{/image}}
</div>