improved lazy loading card images

web/themes/custom/materiotheme/vuejs/components/Content/Card.vue

@@ -66,10 +66,10 @@
       <figure
         v-for="(img, index) in item.images"
         :key="img.url"
+        class="lazy"
+        v-lazy="index"
       >
         <img
-          class="lazy"
-          v-lazy="index"
           :data-src="img.style_cardmedium_url"
           :title="img.title"
         />

web/themes/custom/materiotheme/vuejs/components/Content/CardThematique.vue

@@ -13,10 +13,10 @@
       <figure
         v-for="(img, index) in item.images"
         :key="img.url"
+        class="lazy"
+        v-lazy="index"
       >
         <img
-          class="lazy"
-          v-lazy="index"
           :data-src="img.style_cardmedium_url"
           :title="img.title"
         />

web/themes/custom/materiotheme/vuejs/components/Content/MiniCard.vue

@@ -35,10 +35,10 @@
       <figure
         v-for="(img, index) in item.images"
         :key="img.url"
+        v-lazy="index"
+        class="lazy"
       >
         <img
-          class="lazy"
-          v-lazy="index"
           :data-src="img.style_minicard.url"
           :title="img.title"
         />

web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue

@@ -261,10 +261,10 @@
       <figure
         v-for="(img, index) in material.images"
         :key="img.url"
+        class="lazy"
+        v-lazy="index"
       >
         <img
-          class="lazy"
-          v-lazy="index"
           :data-src="img.style_cardfull.url"
           :title="img.title"
         />