transform.html

<!-- Query devices under 400px and deliver the transformed image -->
<img data-interchange="[{{ image.url }}, (default)], [{{ image.getUrl('tiny370') }}, (only screen and (max-width: 400px))]"  width="{{ image.width }}" height="{{ image.height }}" alt="{{ image }}">
<!-- Provide a fallback image -->
<noscript><img src="{{ image.url }}" width="{{ image.width }}" height="{{ image.height }}" alt="{{ image }}"></noscript>