diff --git a/packages/docs/docs/components/maz-avatar.md b/packages/docs/docs/components/maz-avatar.md
index cc6370e91f..2e149cc58b 100644
--- a/packages/docs/docs/components/maz-avatar.md
+++ b/packages/docs/docs/components/maz-avatar.md
@@ -15,11 +15,11 @@ This component uses [vLazyImg](./../directives/lazy-img.md) directive
 
 ## Basic usage
 
-<MazAvatar src="https://placekitten.com/740/600" />
+<MazAvatar src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80" />
 
 ```vue
 <template>
-  <MazAvatar src="https://placekitten.com/740/600" />
+  <MazAvatar src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80" />
 </template>
 
 <script lang="ts" setup>
@@ -39,9 +39,9 @@ See all the options props [here](#props-event-slots)
     size="1.5rem"
   />
   <MazAvatar
-    src="https://placekitten.com/640/600"
+    src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     size="2rem"
-    href="https://placekitten.com/640/600"
+    href="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     target="_blank"
     rounded-size="none"
     clickable
@@ -52,7 +52,7 @@ See all the options props [here](#props-event-slots)
   </MazAvatar>
 
   <MazAvatar
-    src="https://placekitten.com/200/200"
+    src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=200"
     size="2.5rem"
     clickable
     rounded-size="xl"
@@ -61,7 +61,7 @@ See all the options props [here](#props-event-slots)
   />
 
   <MazAvatar
-    src="https://placekitten.com/740/600"
+    src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=600"
     size="3rem"
     bordered
     noElevation
@@ -75,9 +75,9 @@ See all the options props [here](#props-event-slots)
     size="1.5rem"
   />
   <MazAvatar
-    src="https://placekitten.com/640/600"
+    src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     size="2rem"
-    href="https://placekitten.com/640/600"
+    href="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     target="_blank"
     rounded-size="none"
     clickable
@@ -88,14 +88,14 @@ See all the options props [here](#props-event-slots)
     </template>
   </MazAvatar>
   <MazAvatar
-    src="https://placekitten.com/200/200"
+    src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=200"
     size="2.5rem"
     clickable
     rounded-size="xl"
     @click="clicked"
   />
   <MazAvatar
-    src="https://placekitten.com/740/600"
+    src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=600"
     size="3rem"
     bordered
   />
@@ -118,11 +118,12 @@ See all the options props [here](#props-event-slots)
 ## Fallback image loaded on error
 
 <MazAvatar
-  fallback-src="https://placekitten.com/200/200"
+  class="vp-raw"
+  fallback-src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=100"
 />
 
 ```html
-<MazAvatar fallback-src="https://placekitten.com/200/200" />
+<MazAvatar fallback-src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=100" />
 ```
 
 <script lang="ts" setup>
diff --git a/packages/docs/docs/components/maz-card.md b/packages/docs/docs/components/maz-card.md
index 9ef38bd053..8c988c04eb 100644
--- a/packages/docs/docs/components/maz-card.md
+++ b/packages/docs/docs/components/maz-card.md
@@ -11,7 +11,7 @@ description: MazCard is a standalone component to display some texts and images
 
 ## Basic usage
 
-<MazCard :images="['https://placekitten.com/600/600']" :gallery-height="300" zoom>
+<MazCard :images="['https://loremflickr.com/600/600']" :gallery-height="300" zoom>
   <template #title>
     <h3 style="margin: 0">
       Cute Kitten
@@ -50,7 +50,7 @@ description: MazCard is a standalone component to display some texts and images
 ```vue
 <template>
   <MazCard
-    :images="['https://placekitten.com/600/600']"
+    :images="['https://loremflickr.com/600/600']"
     :gallery-height="300"
     zoom
   >
@@ -102,7 +102,7 @@ When you display images, you can change the orientation of the card, available o
 ### Row
 
 <br />
-<MazCard :images="['https://placekitten.com/600/600']" orientation="row">
+<MazCard :images="['https://loremflickr.com/600/600']" orientation="row">
   <template #title>
     <h3 style="margin: 0; margin-bottom: 20px">
       Cute Kitten
@@ -118,7 +118,7 @@ When you display images, you can change the orientation of the card, available o
 ::: details Show code
 
 ```html
-<MazCard :images="['https://placekitten.com/600/600']" orientation="row">
+<MazCard :images="['https://loremflickr.com/600/600']" orientation="row">
   <template #title>
     <h3 style="margin: 0; margin-bottom: 20px">
       Cute Kitten
@@ -138,7 +138,7 @@ When you display images, you can change the orientation of the card, available o
 
 <br />
 
-<MazCard :images="['https://placekitten.com/600/600']" orientation="row-reverse">
+<MazCard :images="['https://loremflickr.com/600/600']" orientation="row-reverse">
   <template #title>
     <h3 style="margin: 0; margin-bottom: 20px">
       Cute Kitten
@@ -155,7 +155,7 @@ When you display images, you can change the orientation of the card, available o
 
 ```html
 <MazCard
-  :images="['https://placekitten.com/600/600']"
+  :images="['https://loremflickr.com/600/600']"
   orientation="row-reverse"
 >
   <template #title>
@@ -178,7 +178,7 @@ When you display images, you can change the orientation of the card, available o
 <br />
 
 <MazCard
-  :images="['https://placekitten.com/600/600']"
+  :images="['https://loremflickr.com/600/600']"
   orientation="column-reverse"
 >
   <template #title>
@@ -197,7 +197,7 @@ When you display images, you can change the orientation of the card, available o
 
 ```html
 <MazCard
-  :images="['https://placekitten.com/600/600']"
+  :images="['https://loremflickr.com/600/600']"
   orientation="column-reverse"
 >
   <template #title>
@@ -294,7 +294,7 @@ To access the link, simply click the card.
 - You can use `:scale="false"` to remove the scale animation on hover
 
 <MazCard
-  :images="['https://placekitten.com/500/500']"
+  :images="['https://loremflickr.com/500/500']"
   href="/components/maz-card#linked-card"
   href-target="_blank"
   style="width: 100%"
@@ -309,7 +309,7 @@ To access the link, simply click the card.
 
 ```html
 <MazCard
-  :images="['https://placekitten.com/1000/1000']"
+  :images="['https://loremflickr.com/1000/1000']"
   href="/components/maz-card#linked-card"
   href-target="_blank"
   scale
@@ -332,7 +332,7 @@ Bordered and has no elevation
 ## Gallery images
 
 <MazCard
-  :images="['https://placekitten.com/600/600', 'https://placekitten.com/700/700', 'https://placekitten.com/400/400', 'https://placekitten.com/300/300']"
+  :images="['https://loremflickr.com/600/600', 'https://loremflickr.com/700/700', 'https://loremflickr.com/400/400', 'https://loremflickr.com/300/300']"
   :images-show-count="3"
   :no-remaining="false"
   zoom
@@ -346,7 +346,7 @@ Bordered and has no elevation
 
 ```html
 <MazCard
-  :images="['https://placekitten.com/600/600', 'https://placekitten.com/700/700', 'https://placekitten.com/400/400', 'https://placekitten.com/300/300']"
+  :images="['https://loremflickr.com/600/600', 'https://loremflickr.com/700/700', 'https://loremflickr.com/400/400', 'https://loremflickr.com/300/300']"
   :images-show-count="3"
   :no-remaining="false"
   zoom
diff --git a/packages/docs/docs/components/maz-carousel.md b/packages/docs/docs/components/maz-carousel.md
index f12400d75e..a8d2019497 100644
--- a/packages/docs/docs/components/maz-carousel.md
+++ b/packages/docs/docs/components/maz-carousel.md
@@ -29,7 +29,7 @@ head:
     v-for="(item, i) in Array(8)"
     :key="i"
     :images="[
-      'https://placekitten.com/250/300'
+      'https://loremflickr.com/250/300'
     ]"
     style="min-width: 250px;"
   >
@@ -56,7 +56,7 @@ head:
       v-for="(item, i) in Array(8)"
       :key="i"
       :images="[
-        'https://placekitten.com/250/300'
+        'https://loremflickr.com/250/300'
       ]"
       style="min-width: 250px;"
     >
@@ -93,7 +93,7 @@ This options will display the component without scrollbar only when the componen
       v-for="(item, i) in Array(8)"
       :key="i"
       :images="[
-        'https://placekitten.com/250/300'
+        'https://loremflickr.com/250/300'
       ]"
       style="min-width: 250px;"
     >
diff --git a/packages/docs/docs/components/maz-dropdown.md b/packages/docs/docs/components/maz-dropdown.md
index 0d12257f3c..00e47ef4dd 100644
--- a/packages/docs/docs/components/maz-dropdown.md
+++ b/packages/docs/docs/components/maz-dropdown.md
@@ -189,9 +189,9 @@ You can provide a template to replace menuitem labels to add more elements in ea
 
 <MazDropdown
   :items="[
-    { label: 'Action', action: () => toast.success('CLICKED'), additionnalData: 'https://placekitten.com/240/200' },
-    { label: 'Link (href)', href: 'https://www.google.com', target: '_blank', additionnalData: 'https://placekitten.com/340/300' },
-    { label: 'Router Link', to: { name: 'index' }, additionnalData: 'https://placekitten.com/440/400' },
+    { label: 'Action', action: () => toast.success('CLICKED'), additionnalData: 'https://loremflickr.com/240/200' },
+    { label: 'Link (href)', href: 'https://www.google.com', target: '_blank', additionnalData: 'https://loremflickr.com/340/300' },
+    { label: 'Router Link', to: { name: 'index' }, additionnalData: 'https://loremflickr.com/440/400' },
   ]"
 >
   <template #default>
@@ -213,9 +213,9 @@ You can provide a template to replace menuitem labels to add more elements in ea
 ```html
 <MazDropdown
   :items="[
-    { label: 'Action', action: () => toast.success('CLICKED'), additionnalData: 'https://placekitten.com/240/200' },
-    { label: 'Link (href)', href: 'https://www.google.com', target: '_blank', additionnalData: 'https://placekitten.com/340/300' },
-    { label: 'Router Link', to: { name: 'index' }, additionnalData: 'https://placekitten.com/440/400' },
+    { label: 'Action', action: () => toast.success('CLICKED'), additionnalData: 'https://loremflickr.com/240/200' },
+    { label: 'Link (href)', href: 'https://www.google.com', target: '_blank', additionnalData: 'https://loremflickr.com/340/300' },
+    { label: 'Router Link', to: { name: 'index' }, additionnalData: 'https://loremflickr.com/440/400' },
   ]"
 >
   <template #default>
@@ -249,18 +249,18 @@ Add `tabindex="-1"` attribute to your element to avoid a double focus with Tab k
       {
         label: 'Action',
         action: () => toast.success('CLICKED'),
-        additionnalData: 'https://placekitten.com/240/200',
+        additionnalData: 'https://loremflickr.com/240/200',
       },
       {
         label: 'Link (href)',
         href: 'https://www.google.com',
         target: '_blank',
-        additionnalData: 'https://placekitten.com/340/300',
+        additionnalData: 'https://loremflickr.com/340/300',
       },
       {
         label: 'Router Link',
         to: { name: 'index' },
-        additionnalData: 'https://placekitten.com/440/400',
+        additionnalData: 'https://loremflickr.com/440/400',
       },
     ]"
   >
@@ -268,7 +268,7 @@ Add `tabindex="-1"` attribute to your element to avoid a double focus with Tab k
       <MazAvatar
         clickable
         no-clickable-icon
-        src="https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg"
+        src="https://loremflickr.com/200/200"
         tabindex="-1"
       />
     </template>
@@ -280,18 +280,18 @@ Add `tabindex="-1"` attribute to your element to avoid a double focus with Tab k
       {
         label: 'Action',
         action: () => toast.success('CLICKED'),
-        additionnalData: 'https://placekitten.com/240/200',
+        additionnalData: 'https://loremflickr.com/240/200',
       },
       {
         label: 'Link (href)',
         href: 'https://www.google.com',
         target: '_blank',
-        additionnalData: 'https://placekitten.com/340/300',
+        additionnalData: 'https://loremflickr.com/340/300',
       },
       {
         label: 'Router Link',
         to: { name: 'index' },
-        additionnalData: 'https://placekitten.com/440/400',
+        additionnalData: 'https://loremflickr.com/440/400',
       },
     ]"
   >
@@ -311,18 +311,18 @@ Add `tabindex="-1"` attribute to your element to avoid a double focus with Tab k
     {
       label: 'Action',
       action: () => toast.success('CLICKED'),
-      additionnalData: 'https://placekitten.com/240/200',
+      additionnalData: 'https://loremflickr.com/240/200',
     },
     {
       label: 'Link (href)',
       href: 'https://www.google.com',
       target: '_blank',
-      additionnalData: 'https://placekitten.com/340/300',
+      additionnalData: 'https://loremflickr.com/340/300',
     },
     {
       label: 'Router Link',
       to: { name: 'index' },
-      additionnalData: 'https://placekitten.com/440/400',
+      additionnalData: 'https://loremflickr.com/440/400',
     },
   ]"
 >
@@ -342,18 +342,18 @@ Add `tabindex="-1"` attribute to your element to avoid a double focus with Tab k
     {
       label: 'Action',
       action: () => toast.success('CLICKED'),
-      additionnalData: 'https://placekitten.com/240/200',
+      additionnalData: 'https://loremflickr.com/240/200',
     },
     {
       label: 'Link (href)',
       href: 'https://www.google.com',
       target: '_blank',
-      additionnalData: 'https://placekitten.com/340/300',
+      additionnalData: 'https://loremflickr.com/340/300',
     },
     {
       label: 'Router Link',
       to: { name: 'index' },
-      additionnalData: 'https://placekitten.com/440/400',
+      additionnalData: 'https://loremflickr.com/440/400',
     },
   ]"
 >
diff --git a/packages/docs/docs/components/maz-gallery.md b/packages/docs/docs/components/maz-gallery.md
index 5f10d014c4..0b414750ab 100644
--- a/packages/docs/docs/components/maz-gallery.md
+++ b/packages/docs/docs/components/maz-gallery.md
@@ -28,24 +28,24 @@ description: MazGallery is a standalone component used to display images in a co
   import MazGallery, { type MazGalleryImage } from 'maz-ui/components/MazGallery'
 
   const images: MazGalleryImage[] = [
-    'https://placekitten.com/640/500',
-    { src: 'https://placekitten.com/640/600', thumbnail: 'https://placekitten.com/100/100', alt: 'image description' },
-    { src: 'https://placekitten.com/640/700', alt: 'image description' },
-    'https://placekitten.com/640/800',
-    'https://placekitten.com/640/1000',
-    'https://placekitten.com/800/800'
+    'https://loremflickr.com/640/400',
+    { src: 'https://loremflickr.com/640/600', thumbnail: 'https://loremflickr.com/100/100', alt: 'image description' },
+    { src: 'https://loremflickr.com/640/700', alt: 'image description' },
+    'https://loremflickr.com/640/800',
+    'https://loremflickr.com/640/1000',
+    'https://loremflickr.com/800/800'
   ]
 </script>
 ```
 
 <script lang="ts" setup>
   const images: MazGalleryImage[] = [
-    'https://placekitten.com/640/500',
-    { src: 'https://placekitten.com/640/600', thumbnail: 'https://placekitten.com/100/100', alt: 'image description' },
-    { src: 'https://placekitten.com/640/700', alt: 'image description' },
-    'https://placekitten.com/640/800',
-    'https://placekitten.com/640/1000',
-    'https://placekitten.com/800/800'
+    'https://loremflickr.com/640/400',
+    { src: 'https://loremflickr.com/640/600', thumbnail: 'https://loremflickr.com/100/100', alt: 'image description' },
+    { src: 'https://loremflickr.com/640/700', alt: 'image description' },
+    'https://loremflickr.com/640/800',
+    'https://loremflickr.com/640/1000',
+    'https://loremflickr.com/800/800'
   ]
 </script>
 
diff --git a/packages/docs/docs/components/maz-lazy-img.md b/packages/docs/docs/components/maz-lazy-img.md
index 3c08d8ab4a..68477c5c4f 100644
--- a/packages/docs/docs/components/maz-lazy-img.md
+++ b/packages/docs/docs/components/maz-lazy-img.md
@@ -9,11 +9,11 @@ description: MazLazyImg is a standalone component to display images and svgs wit
 
 <!--@include: ./../.vitepress/mixins/getting-started.md-->
 
-<MazLazyImg src="https://placekitten.com/2000/2000" class="w-100"/>
+<MazLazyImg src="https://loremflickr.com/1000/1000" class="w-100"/>
 
 ```vue
 <template>
-  <MazLazyImg src="https://placekitten.com/2000/2000" />
+  <MazLazyImg src="https://loremflickr.com/1000/1000" />
 </template>
 
 <script setup lang="ts">
diff --git a/packages/docs/docs/directives/fullscreen-img.md b/packages/docs/docs/directives/fullscreen-img.md
index aa5e42b04e..f8620b7a62 100644
--- a/packages/docs/docs/directives/fullscreen-img.md
+++ b/packages/docs/docs/directives/fullscreen-img.md
@@ -12,14 +12,14 @@ description: Displays images fullscreen on click
 
 <img
   v-fullscreen-img
-  src="https://focus.telerama.fr/2023/04/11/0/0/2620/2589/1200/0/60/0/90ca012_1681206353942-opaleplus-opale56033-01.jpg"
+  src="https://loremflickr.com/1000/500"
 />
 
 ```vue
 <template>
   <img
     v-fullscreen-img
-    src="https://focus.telerama.fr/2023/04/11/0/0/2620/2589/1200/0/60/0/90ca012_1681206353942-opaleplus-opale56033-01.jpg"
+    src="https://loremflickr.com/1000/500"
   />
 </template>
 
@@ -35,7 +35,7 @@ description: Displays images fullscreen on click
     scaleOnHover: true,
     blurOnHover: true,
   }"
-  src="https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg"
+  src="https://loremflickr.com/1000/600"
 />
 
 ```html
@@ -44,21 +44,21 @@ description: Displays images fullscreen on click
     scaleOnHover: true,
     blurOnHover: true,
   }"
-  src="https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg"
+  src="https://loremflickr.com/1000/600"
 />
 ```
 
 ## On custom element
 
 <MazBtn
-  v-fullscreen-img="'https://images.midilibre.fr/api/v1/images/view/5b4c543c8fe56f4b75185454/large/image.jpg'"
+  v-fullscreen-img="'https://loremflickr.com/1000/700'"
 >
   Click me to show image
 </MazBtn>
 
 ```html
 <MazBtn
-  v-fullscreen-img="'https://images.midilibre.fr/api/v1/images/view/5b4c543c8fe56f4b75185454/large/image.jpg'"
+  v-fullscreen-img="'https://loremflickr.com/1000/700'"
 >
   Click me to show image
 </MazBtn>
diff --git a/packages/docs/docs/directives/lazy-img.md b/packages/docs/docs/directives/lazy-img.md
index 54318cc946..b3293db6d9 100644
--- a/packages/docs/docs/directives/lazy-img.md
+++ b/packages/docs/docs/directives/lazy-img.md
@@ -12,7 +12,7 @@ description: vLazyImg is a Vue 3 directive to lazy load images with many options
 <img
   style="background-color: var(--maz-color-bg-lighter); width: 80%;"
   class="flex flex-center rounded"
-  v-lazy-img="'https://placekitten.com/1500/1000'"
+  v-lazy-img="'https://loremflickr.com/1500/1000'"
 />
 
 ```vue
@@ -20,7 +20,7 @@ description: vLazyImg is a Vue 3 directive to lazy load images with many options
   <img
     style="background-color: var(--maz-color-bg-lighter); width: 80%;"
     class="flex flex-center rounded"
-    v-lazy-img="'https://placekitten.com/1500/1000'"
+    v-lazy-img="'https://loremflickr.com/1500/1000'"
   />
 </template>
 
@@ -36,7 +36,7 @@ description: vLazyImg is a Vue 3 directive to lazy load images with many options
 <div
   style="height: 200px; width: 100%; background-size: contain;"
   class="flex flex-center rounded"
-  v-lazy-img:bg-image="'https://placekitten.com/1500/1000'"
+  v-lazy-img:bg-image="'https://loremflickr.com/1500/1000'"
 />
 
 ```vue
@@ -44,7 +44,7 @@ description: vLazyImg is a Vue 3 directive to lazy load images with many options
   <div
     style="height: 200px; width: 100%; background-size: contain;"
     class="flex flex-center rounded"
-    v-lazy-img:bg-image="'https://placekitten.com/1500/1000'"
+    v-lazy-img:bg-image="'https://loremflickr.com/1500/1000'"
   />
 </template>
 ```
@@ -73,7 +73,7 @@ description: vLazyImg is a Vue 3 directive to lazy load images with many options
   import { ref } from 'vue'
 
   const lazyBinding: vLazyImgBinding = {
-    src: 'https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg',
+    src: 'https://loremflickr.com/1500/1000',
     baseClass: 'custom-class',
     loadingClass: 'custom-class-loading',
     loadedClass: 'custom-class-loaded',
@@ -134,7 +134,7 @@ app.mount('#app')
   import { ref } from 'vue'
 
   const lazyBinding: vLazyImgBinding = {
-    src: 'https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg',
+    src: 'https://loremflickr.com/1500/1000',
     baseClass: 'custom-class',
     loadingClass: 'custom-class-loading',
     loadedClass: 'custom-class-loaded',
diff --git a/packages/docs/docs/directives/zoom-img.md b/packages/docs/docs/directives/zoom-img.md
index 50fcd9b615..548a333653 100644
--- a/packages/docs/docs/directives/zoom-img.md
+++ b/packages/docs/docs/directives/zoom-img.md
@@ -15,13 +15,13 @@ description: vZoomImg is a Vue 3 directive to enlarge an image like a modal on c
 
 <MazCard overflow-hidden>
   <img
-    src="https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg"
-    v-zoom-img="{ src: 'https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg' }"
+    src="https://loremflickr.com/1500/1000"
+    v-zoom-img="{ src: 'https://loremflickr.com/1500/1000' }"
   />
 </MazCard>
 <br />
 <br />
-<MazBtn v-zoom-img="{ src: 'https://placekitten.com/1000/500' }">
+<MazBtn v-zoom-img="{ src: 'https://loremflickr.com/1000/500' }">
   Show photo
 </MazBtn>
 
@@ -29,12 +29,12 @@ description: vZoomImg is a Vue 3 directive to enlarge an image like a modal on c
 <template>
   <MazCard overflow-hidden>
     <img
-      src="https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg"
-      v-zoom-img="{ src: 'https://cdn.artphotolimited.com/images/5ff5a529bd40b83c5a537440/1000x1000/gerard-depardieu-1983.jpg' }"
+      src="https://loremflickr.com/1500/1000"
+      v-zoom-img="{ src: 'https://loremflickr.com/1500/1000' }"
     />
   </MazCard>
 
-  <MazBtn v-zoom-img="{ src: 'https://placekitten.com/1000/500' }">
+  <MazBtn v-zoom-img="{ src: 'https://loremflickr.com/1000/500' }">
     Show photo
   </MazBtn>
 </template>
@@ -50,7 +50,7 @@ description: vZoomImg is a Vue 3 directive to enlarge an image like a modal on c
 
 <MazCard overflow-hidden>
   <img
-    src="https://www.francetvinfo.fr/pictures/5u9TF9KLx9yxCgqfDV4k0Zk6R3E/752x423/2014/07/01/edd_1.jpg"
+    src="https://loremflickr.com/1200/800"
     v-zoom-img="zoomImgBinding"
   />
 </MazCard>
@@ -59,7 +59,7 @@ description: vZoomImg is a Vue 3 directive to enlarge an image like a modal on c
   import { vZoomImg } from 'maz-ui'
 
   const zoomImgBinding: vZoomImgBinding = {
-    src: 'https://www.francetvinfo.fr/pictures/5u9TF9KLx9yxCgqfDV4k0Zk6R3E/752x423/2014/07/01/edd_1.jpg',
+    src: 'https://loremflickr.com/1200/800',
     alt: 'alt image',
     blur: false,
     scale: false,
@@ -71,7 +71,7 @@ description: vZoomImg is a Vue 3 directive to enlarge an image like a modal on c
 <template>
   <MazCard overflow-hidden>
     <img
-      src="https://www.francetvinfo.fr/pictures/5u9TF9KLx9yxCgqfDV4k0Zk6R3E/752x423/2014/07/01/edd_1.jpg"
+      src="https://loremflickr.com/1200/800"
       v-zoom-img="zoomImgBinding"
     />
   </MazCard>
@@ -81,7 +81,7 @@ description: vZoomImg is a Vue 3 directive to enlarge an image like a modal on c
   import { vZoomImg } from 'maz-ui'
 
   const zoomImgBinding: vZoomImgBinding = {
-    src: 'https://www.francetvinfo.fr/pictures/5u9TF9KLx9yxCgqfDV4k0Zk6R3E/752x423/2014/07/01/edd_1.jpg',
+    src: 'https://loremflickr.com/1200/800',
     alt: 'alt image', // will be set on the zoomed image
     blur: false,
     scale: false,
diff --git a/packages/docs/docs/plugins/aos.md b/packages/docs/docs/plugins/aos.md
index 82995fe3a2..b632094dbe 100644
--- a/packages/docs/docs/plugins/aos.md
+++ b/packages/docs/docs/plugins/aos.md
@@ -23,7 +23,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
       data-maz-aos-delay="300"
       data-maz-aos="scale-in"
       size="2rem"
-      src="https://placekitten.com/500/500"
+      src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     />
     <div>
       <h1
@@ -32,7 +32,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
         data-maz-aos-anchor="#parentCard"
         style="margin: 0;"
       >
-        Cat Actor
+        Maz-UI
       </h1>
       <p
         data-maz-aos="zoom-in-left"
@@ -40,7 +40,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
         style="margin: 0"
         class="maz-text-muted"
       >
-        Actor
+        Library
       </p>
     </div>
   </div>
@@ -50,7 +50,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
     data-maz-aos-duration="1000"
     style="margin: 0"
   >
-    In the heart of Hollywood's narrow alleyways, there existed an actor like no other—a charismatic feline named Whiskers. With his sleek black fur and piercing eyes, he stole the spotlight in every appearance. Whiskers, known for his versatility and natural talent, seamlessly slipped into dramatic, comedic, or action-packed roles.
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   </p>
 </MazCard>
 
@@ -61,7 +61,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
       data-maz-aos-delay="300"
       data-maz-aos="scale-in"
       size="2rem"
-      src="https://placekitten.com/500/500"
+      src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     />
     <div>
       <h1
@@ -70,7 +70,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
         data-maz-aos-anchor="#parentCard"
         style="margin: 0;"
       >
-        Cat Actor
+        Maz-UI
       </h1>
       <p
         data-maz-aos="zoom-in-left"
@@ -78,7 +78,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
         style="margin: 0"
         class="maz-text-muted"
       >
-        Actor
+        Library
       </p>
     </div>
   </div>
@@ -88,7 +88,7 @@ This plugin uses the browser native [Intersection Observer API](https://develope
     data-maz-aos-duration="1000"
     style="margin: 0"
   >
-    In the heart of Hollywood's narrow alleyways, there existed an actor like no other—a charismatic feline named Whiskers. With his sleek black fur and piercing eyes, he stole the spotlight in every appearance. Whiskers, known for his versatility and natural talent, seamlessly slipped into dramatic, comedic, or action-packed roles.
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   </p>
 </MazCard>
 ```
@@ -262,7 +262,7 @@ You can run animations programatically with the composable
       data-maz-aos-delay="300"
       data-maz-aos="scale-in"
       size="2rem"
-      src="https://placekitten.com/500/500"
+      src="https://api.dicebear.com/7.x/big-smile/svg?backgroundColor=1d90ff&scale=80&seed=maz-ui"
     >
       In the heart of Hollywood's narrow alleyways, there existed an actor like no other—a charismatic feline named Whiskers. With his sleek black fur and piercing eyes, he stole the spotlight in every appearance. Whiskers, known for his versatility and natural talent, seamlessly slipped into dramatic, comedic, or action-packed roles.
     </p>
diff --git a/packages/lib/components/MazAvatar.vue b/packages/lib/components/MazAvatar.vue
index 3b22a190a3..19e4ebd16b 100644
--- a/packages/lib/components/MazAvatar.vue
+++ b/packages/lib/components/MazAvatar.vue
@@ -27,7 +27,7 @@
     >
       <MazLazyImg
         v-if="src || (!src && !caption)"
-        class="m-avatar__picture maz-max-w-full"
+        class="m-avatar__picture maz-w-full maz-max-w-full"
         :image="src"
         :alt="alt"
         :no-photo="noPhoto"