diff --git a/src/Card/Card.stories.tsx b/src/Card/Card.stories.tsx
index c73a6fe2..2ddf7ebf 100644
--- a/src/Card/Card.stories.tsx
+++ b/src/Card/Card.stories.tsx
@@ -13,7 +13,7 @@ export const Default: Story<CardProps> = (args) => {
   return (
     <Card {...args}>
       <Card.Image
-        src="https://api.lorem.space/image/shoes?w=400&h=225"
+        src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
         alt="Shoes"
       />
       <Card.Body>
@@ -35,7 +35,7 @@ export const Responsive: Story<CardProps> = (args) => {
       </div>
       <Card {...args} side="lg">
         <Card.Image
-          src="https://api.lorem.space/image/shoes?w=400&h=225"
+          src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
           alt="Shoes"
         />
         <Card.Body>
@@ -54,7 +54,7 @@ export const Centered: Story<CardProps> = (args) => {
   return (
     <Card {...args}>
       <Card.Image
-        src="https://api.lorem.space/image/shoes?w=400&h=225"
+        src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
         alt="Shoes"
       />
       <Card.Body className="items-center text-center">
@@ -72,7 +72,7 @@ export const ImageOverlay: Story<CardProps> = (args) => {
   return (
     <Card {...args} imageFull>
       <Card.Image
-        src="https://api.lorem.space/image/shoes?w=400&h=225"
+        src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
         alt="Shoes"
       />
       <Card.Body>
diff --git a/src/Carousel/Carousel.stories.tsx b/src/Carousel/Carousel.stories.tsx
index ada0dcc3..1a34f989 100644
--- a/src/Carousel/Carousel.stories.tsx
+++ b/src/Carousel/Carousel.stories.tsx
@@ -13,32 +13,32 @@ export const Default: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=8B7BCDC2"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=500B67FB"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=A89D0DE6"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=225E6693"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=9D9539E7"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=BDC01094"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/burger?w=400&h=300&hash=7F5AE56A"
-        alt="Burger"
+        src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
+        alt="Fruits"
       />
     </Carousel>
   )
@@ -49,32 +49,32 @@ export const Snap: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=8B7BCDC2"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=500B67FB"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=A89D0DE6"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=225E6693"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=9D9539E7"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=BDC01094"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/drink?w=400&h=300&hash=7F5AE56A"
-        alt="Drinks"
+        src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
+        alt="Fruits"
       />
     </Carousel>
   )
@@ -87,32 +87,32 @@ export const FullWidth: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="w-64 rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=8B7BCDC2"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=500B67FB"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=A89D0DE6"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=225E6693"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=9D9539E7"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=BDC01094"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=7F5AE56A"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
+        alt="Fruits"
       />
     </Carousel>
   )
@@ -125,32 +125,32 @@ export const HalfWidth: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="w-64 rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=8B7BCDC2"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=500B67FB"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=A89D0DE6"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=225E6693"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=9D9539E7"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=BDC01094"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=7F5AE56A"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
+        alt="Fruits"
       />
     </Carousel>
   )
@@ -163,32 +163,32 @@ export const Vertical: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="h-96 w-64 rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=8B7BCDC2"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=500B67FB"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=A89D0DE6"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=225E6693"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=9D9539E7"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=BDC01094"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
+        alt="Fruits"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/game?w=256&h=400&hash=7F5AE56A"
-        alt="Videogame Poster"
+        src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
+        alt="Fruits"
       />
     </Carousel>
   )
@@ -202,20 +202,20 @@ export const Numbered: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=8B7BCDC2"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=500B67FB"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=A89D0DE6"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1414694762283-acccc27bca85.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=225E6693"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.jpg"
+        alt="City"
       />
     </Carousel>
   )
@@ -228,20 +228,20 @@ export const Sequential: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=8B7BCDC2"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=500B67FB"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=A89D0DE6"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1414694762283-acccc27bca85.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=225E6693"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.jpg"
+        alt="City"
       />
     </Carousel>
   )
@@ -260,20 +260,20 @@ export const CustomButton: Story<CarouselProps> = (args) => {
   return (
     <Carousel {...args} className="rounded-box">
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=8B7BCDC2"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=500B67FB"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=A89D0DE6"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1414694762283-acccc27bca85.jpg"
+        alt="City"
       />
       <Carousel.Item
-        src="https://api.lorem.space/image/car?w=800&h=200&hash=225E6693"
-        alt="Car"
+        src="https://daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.jpg"
+        alt="City"
       />
     </Carousel>
   )
diff --git a/src/ChatBubble/ChatBubble.stories.tsx b/src/ChatBubble/ChatBubble.stories.tsx
index 6b52eb83..0d74fe56 100644
--- a/src/ChatBubble/ChatBubble.stories.tsx
+++ b/src/ChatBubble/ChatBubble.stories.tsx
@@ -40,7 +40,7 @@ export const Default: Story<DefaultControls> = ({
         </ChatBubble.Header>
       )}
       {avatar && (
-        <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+        <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       )}
       <ChatBubble.Message>You were my brother, Anakin.</ChatBubble.Message>
       {footer && <ChatBubble.Footer>Seen</ChatBubble.Footer>}
@@ -79,21 +79,21 @@ export const Side: Story<ChatBubbleProps> = (args) => (
 export const WithImage: Story<ChatBubbleProps> = (args) => (
   <>
     <ChatBubble>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>
         It was said that you would, destroy the Sith, not join them.
       </ChatBubble.Message>
     </ChatBubble>
 
     <ChatBubble>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>
         It was you who would bring balance to the Force
       </ChatBubble.Message>
     </ChatBubble>
 
     <ChatBubble>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>Not leave it in Darkness</ChatBubble.Message>
     </ChatBubble>
   </>
@@ -105,7 +105,7 @@ export const WithHeader: Story<ChatBubbleProps> = (args) => (
       <ChatBubble.Header>
         Obi-Wan Kenobi <ChatBubble.Time>12:45</ChatBubble.Time>
       </ChatBubble.Header>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>You were the Chosen One!</ChatBubble.Message>
     </ChatBubble>
 
@@ -113,7 +113,7 @@ export const WithHeader: Story<ChatBubbleProps> = (args) => (
       <ChatBubble.Header>
         Anakin <ChatBubble.Time>12:46</ChatBubble.Time>
       </ChatBubble.Header>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>I hate you!</ChatBubble.Message>
     </ChatBubble>
   </>
@@ -122,13 +122,13 @@ export const WithHeader: Story<ChatBubbleProps> = (args) => (
 export const WithFooter: Story<ChatBubbleProps> = (args) => (
   <>
     <ChatBubble>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>You were the Chosen One!</ChatBubble.Message>
       <ChatBubble.Footer>Delivered</ChatBubble.Footer>
     </ChatBubble>
 
     <ChatBubble end>
-      <ChatBubble.Avatar src="https://placeimg.com/192/192/people" />
+      <ChatBubble.Avatar src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
       <ChatBubble.Message>I hate you!</ChatBubble.Message>
       <ChatBubble.Footer>Seen at 12:46</ChatBubble.Footer>
     </ChatBubble>
diff --git a/src/Hero/Hero.stories.tsx b/src/Hero/Hero.stories.tsx
index 84d744f7..b92cbb36 100644
--- a/src/Hero/Hero.stories.tsx
+++ b/src/Hero/Hero.stories.tsx
@@ -41,7 +41,7 @@ export const HeroWithFigure: Story<HeroProps> = (args) => {
     <Hero {...args}>
       <Hero.Content>
         <img
-          src="https://api.lorem.space/image/movie?w=260&h=400"
+          src="https://daisyui.com/images/stock/photo-1635805737707-575885ab0820.jpg"
           className="max-w-sm rounded-lg shadow-2xl"
         />
         <div>
@@ -108,7 +108,7 @@ export const HeroWithOverlayImage: Story<HeroProps> = (args) => {
     <Hero
       style={{
         backgroundImage:
-          'url(https://api.lorem.space/image/fashion?w=1000&h=800)',
+          'url(https://daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.jpg)',
       }}
     >
       <Hero.Overlay {...args} />
diff --git a/src/Mask/Mask.stories.tsx b/src/Mask/Mask.stories.tsx
index 6899a1f2..9bdb0f94 100644
--- a/src/Mask/Mask.stories.tsx
+++ b/src/Mask/Mask.stories.tsx
@@ -13,7 +13,7 @@ export const Default: Story<MaskProps> = (args) => {
 }
 
 Default.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'squircle',
 }
 
@@ -21,7 +21,7 @@ export const MaskHeart: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 MaskHeart.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'heart',
 }
 
@@ -29,7 +29,7 @@ export const Hexagon: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Hexagon.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'hexagon',
 }
 
@@ -37,7 +37,7 @@ export const HexagonTwo: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 HexagonTwo.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'hexagon-2',
 }
 
@@ -45,7 +45,7 @@ export const Decagon: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Decagon.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'decagon',
 }
 
@@ -53,14 +53,14 @@ export const Pentagon: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Pentagon.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'pentagon',
 }
 export const Diamond: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Diamond.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'diamond',
 }
 
@@ -68,77 +68,77 @@ export const Square: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Square.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'square',
 }
 export const Circle: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Circle.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'circle',
 }
 export const Parallelogram: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Parallelogram.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'parallelogram',
 }
 export const ParallelogramTwo: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 ParallelogramTwo.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'parallelogram-2',
 }
 export const ParallelogramThree: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 ParallelogramThree.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'parallelogram-3',
 }
 export const ParallelogramFour: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 ParallelogramFour.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'parallelogram-4',
 }
 export const Star: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Star.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'star',
 }
 export const StarTwo: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 StarTwo.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'star-2',
 }
 export const Triangle: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 Triangle.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'triangle',
 }
 export const TriangleTwo: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 TriangleTwo.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'triangle-2',
 }
 export const TriangleThree: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 TriangleThree.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'triangle-3',
 }
 
@@ -146,6 +146,6 @@ export const TriangleFour: Story<MaskProps> = (args) => {
   return <Mask {...args} />
 }
 TriangleFour.args = {
-  src: 'https://api.lorem.space/image/shoes?w=160&h=160',
+  src: 'https://daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.jpg',
   variant: 'triangle-4',
 }
diff --git a/src/Navbar/Navbar.stories.tsx b/src/Navbar/Navbar.stories.tsx
index 05897dcb..bfab0b9b 100644
--- a/src/Navbar/Navbar.stories.tsx
+++ b/src/Navbar/Navbar.stories.tsx
@@ -173,7 +173,7 @@ export const WithSearchInputAndDropdown: Story<NavbarProps> = (args) => {
           <Dropdown end>
             <Button color="ghost" className="avatar" shape="circle">
               <div className="w-10 rounded-full">
-                <img src="https://api.lorem.space/image/face?hash=33791" />
+                <img src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
               </div>
             </Button>
             <Dropdown.Menu className="w-52 menu-compact">
@@ -240,7 +240,7 @@ export const WithIconIndicatorAndDropdown: Story<NavbarProps> = (args) => {
           <Dropdown end>
             <Button color="ghost" className="avatar" shape="circle">
               <div className="w-10 rounded-full">
-                <img src="https://api.lorem.space/image/face?hash=33791" />
+                <img src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
               </div>
             </Button>
             <Dropdown.Menu className="w-52 menu-compact">
diff --git a/src/Stack/Stack.stories.tsx b/src/Stack/Stack.stories.tsx
index edd66555..1e464f62 100644
--- a/src/Stack/Stack.stories.tsx
+++ b/src/Stack/Stack.stories.tsx
@@ -29,17 +29,17 @@ export const StackedImages: Story<StackProps> = (args) => {
   return (
     <Stack {...args}>
       <img
-        src="https://api.lorem.space/image/face?w=100&h=100&hash=8B7BCDC2"
+        src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
         alt="Image 1"
         className="rounded"
       />
       <img
-        src="https://api.lorem.space/image/face?w=100&h=100&hash=500B67FB"
+        src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
         alt="Image 2"
         className="rounded"
       />
       <img
-        src="https://api.lorem.space/image/face?w=100&h=100&hash=A89D0DE6"
+        src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
         alt="Image 3"
         className="rounded"
       />
diff --git a/src/Stats/Stats.stories.tsx b/src/Stats/Stats.stories.tsx
index 695a533f..75eacd56 100644
--- a/src/Stats/Stats.stories.tsx
+++ b/src/Stats/Stats.stories.tsx
@@ -92,7 +92,7 @@ export const IconsOrImage: Story<StatsProps> = (args) => {
           <Avatar
             size="sm"
             online={true}
-            src="https://api.lorem.space/image/face?w=128&h=128"
+            src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"
             shape="circle"
           ></Avatar>
         </Stat.Item>