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 %}