optimized ui/ux yasamin theme part

resources/views/segments/product/ProductYasamin/ProductYasamin.blade.php

@@ -1,18 +1,7 @@
 <section id='ProductYasamin' >
     <div class="row">
-        <div class="col-md-7">
+        <div class="col-lg-5">
-            <div id="yac-images">
+            <div class="ps-2">
-                @foreach($product->getMedia() as $media)
-                    <div class="item">
-                        <a href="{{$media->getUrl('product-image')}}" class="light-box"
-                           data-gallery="yac-products">
-                            <img src="{{$media->getUrl('product-image')}}" alt="{{$product->name}}">
-                        </a>
-                    </div>
-                @endforeach
-            </div>
-        </div>
-        <div class="col-md-5">
                 <nav aria-label="breadcrumb" class="pt-1 my-2">
                     <ol class="breadcrumb">
                         <li class="breadcrumb-item">
@@ -33,6 +22,7 @@
                 <h1>
                     {{$product->name}}
                 </h1>
+            </div>
             <div class="yac-product-data">
                 <rate-input xtitle="{{__("Rate")}}" xname="" :xvalue="{{$product->rate}}"></rate-input>
             </div>
@@ -161,6 +151,18 @@
                 </div>
             @endif
         </div>
+        <div class="col-lg-7">
+            <div id="yac-images">
+                @foreach($product->getMedia() as $media)
+                    <div class="item">
+                        <a href="{{$media->getUrl('product-image')}}" class="light-box"
+                           data-gallery="yac-products">
+                            <img src="{{$media->getUrl('product-image')}}" alt="{{$product->name}}">
+                        </a>
+                    </div>
+                @endforeach
+            </div>
+        </div>
         <div class="container-fluid">
             <h3 class="mt-4">
                 {{__("Related products")}}