Cacher is the code snippet organizer for pro developers

<div class="container">
  <div class="col-sm-6 copy-side">
    {{ Module.FieldValues.TextSide }}
  </div>
  <div class="col-sm-6 image-side">
    {% assign sorted = List.Items | OrderBy:'FieldValues.DisplayOrder', 'asc' %}
    {% assign groupCategory = "" %}
    {% for Item in sorted %}
    {% assign ItemLocation = Item.FieldValues.DisplayOrder %}
    {% unless groupCategory == ItemLocation %}
    <div class="image-series-{{ Item.FieldValues.DisplayOrder }}">
      {% endunless %}
      <img src="{{ Item.FieldValues.Image1 }}" alt="">

      {% if Item.FieldValues.Image2 != "" %}
      <img src="{{ Item.FieldValues.Image2 }}" alt="">
      {% endif %}
      {% if Item.FieldValues.Image3 != "" %}
      <img src="{{ Item.FieldValues.Image3 }}" alt="">
      {% endif %}
      {% if Item.FieldValues.Image4 != "" %}
      <img src="{{ Item.FieldValues.Image4 }}" alt="">
      {% endif %}

      {% unless groupCategory == ItemLocation %}
    </div>
    {% assign groupCategory = ItemLocation %}
    {% endunless %}
    {% endfor %}
  </div>
</div>