Preview:
{% assign file = page.metafields.custom.files.value %}
{% if file %}
 {% for image in file %}
  <img src="{{ image | img_url: 'master'}}" max-width='100%' display='block'>
 {% endfor %}
{% endif %}
{% style %}
img {
  display: block;
  max-width: 100%;
  margin: auto !important;
}
{% endstyle %}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter