الگو:کانتینر متن و عکس/بخشنده: تفاوت میان نسخه‌ها

@@ خط ۲۸: / خط ۲۸: @@
        <div class="sajad-hero__img sajad-hero__img--back">
          <img
-     src="https://dl.faraghaib.ir/m/109/109m08.jpg"
+     src="https://dl.faraghaib.ir/m/109/109m018.jpg"
      alt="محصول پوشاک سجاد"
      style="
          width:100%;
-        height:100%;
+    display:flex;
-        object-fit:cover;
+    align-items:center;
-        object-position:center;
+    justify-content:center;
-        display:block;
+    overflow:hidden;
      ">
        </div>
        <!-- عکس رویی (کوچک‌تر شده) -->
        <div class="sajad-hero__img sajad-hero__img--front">
-         <img src="https://dl.faraghaib.ir/m/101/m101shalvareslimfit1.jpg" alt="محصول مکمل سجاد">
+         <img src="https://dl.faraghaib.ir/m/109/109m019.jpg" alt="محصول مکمل سجاد">
        </div>
      </div>
@@ خط ۱۰۸: / خط ۱۰۸: @@
 .sajad-hero__img {
-   position: absolute;
+   width:100%;
-  border-radius: 20px;
+    display:flex;
-  overflow: hidden;
+    align-items:center;
-  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
+    justify-content:center;
-  background: #eee;
+    overflow:hidden;
 }
 .sajad-hero__img img {
-  width: 100%;
+   display:block;
-  height: 100%;
+    width:100%;
-  object-fit: cover;
+    height:auto;
+    max-width:100%;
+    object-fit:contain;
 }