changes done

abhishekjani08 · Nov 28, 2023 · 5c80816 · 5c80816
1 parent be10fd8
commit 5c80816
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 17 deletions.
diff --git a/assets/testimonials.css b/assets/testimonials.css
@@ -16,7 +16,6 @@
   }
 
   .testimonial__image {
-    width: 50%; /* Full width of the parent container */
     object-fit: cover; /* Cover the area without losing aspect ratio */
     border-radius: 10px; /* Rounded corners for the image */
   }

diff --git a/sections/testimonials.liquid b/sections/testimonials.liquid
@@ -6,14 +6,13 @@
     {% for testimonial in section.blocks %}
       {% if testimonial.type == 'testimonial_row' %}
         <div class="testimonial testimonial--row">
-          <img
-            class="testimonial__image"
-            src="{{ testimonial.settings.testimonial_image | image_url: width: 200, height: 200 }}"
-            alt="{{ testimonial.settings.testimonial_name }}"
-            loading="eager"
-            width="200"
-            height="200"
-          >
+          <div class="testimonial__image">
+            {{
+              testimonial.settings.testimonial_image
+              | image_url: width: 200, height: 200
+              | image_tag: class: 'testimonial__image'
+            }}
+          </div>
           <p class="testimonial__content">{{ testimonial.settings.testimonial_content }}</p>
           <p class="testimonial__name">{{ testimonial.settings.testimonial_name }}</p>
         </div>
@@ -26,14 +25,13 @@
     {% for testimonial in section.blocks %}
       {% if testimonial.type == 'testimonial_column' %}
         <div class="testimonial testimonial--column">
-          <img
-            class="testimonial__image"
-            src="{{ testimonial.settings.testimonial_image | image_url: width: 200, height: 200 }}"
-            alt="{{ testimonial.settings.testimonial_name }}"
-            loading="eager"
-            width="200"
-            height="200"
-          >
+          <div class="testimonial__image">
+            {{
+              testimonial.settings.testimonial_image
+              | image_url: width: 200, height: 200
+              | image_tag: class: 'testimonial__image'
+            }}
+          </div>
           <p class="testimonial__content">{{ testimonial.settings.testimonial_content }}</p>
           <p class="testimonial__name">{{ testimonial.settings.testimonial_name }}</p>
         </div>