diff --git a/resources/views/fo/pages/products/show.blade.php b/resources/views/fo/pages/products/show.blade.php
index e4a54e2..a8d0be0 100644
--- a/resources/views/fo/pages/products/show.blade.php
+++ b/resources/views/fo/pages/products/show.blade.php
@@ -66,10 +66,10 @@
                     <div class="row justify-content-center px-lg-4">
                         @foreach ($productModel->commitments as $commitment)
                             @if ($commitment->published)
-                                <div class="col-3">
+                                <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                                     <div class="w-100 d-flex justify-content-center">
-                                        <img src="{{ asset($commitment->picture) }}" title="{{ $commitment->picture_title }}"
-                                            alt="{{ $commitment->picture_alt }}">
+                                        <img class="img-fluid" src="{{ asset($commitment->picture) }}"
+                                            title="{{ $commitment->picture_title }}" alt="{{ $commitment->picture_alt }}">
                                     </div>
                                 </div>
                             @endif