Making images wrap on single line on <xl screens

templates/home.html

@@ -53,7 +53,7 @@
  <h4 class="card-title">{{ this.look_at_us }}</h4>
  <div id="pictures" class="text-center row no-gutters px-md-4">
  {% for image in this.attachments.images %}
- <div class="col-6 p-1">
+ <div class="col-12 col-xl-6 p-1">
  <img src="{{ image.thumbnail(350*1.6, height=350, crop=True)|url }}" class="rounded img-thumbnail">
  </div>
  {% endfor %}