diff --git a/packages/react-components/src/components/Avatar/Avatar.stories.tsx b/packages/react-components/src/components/Avatar/Avatar.stories.tsx
index 7272513a0..7d2c1f797 100644
--- a/packages/react-components/src/components/Avatar/Avatar.stories.tsx
+++ b/packages/react-components/src/components/Avatar/Avatar.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import { Meta } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
 import { StoryDescriptor } from '../../stories/components/StoryDescriptor';
 
 import { Avatar, AvatarProps } from './Avatar';
@@ -16,8 +17,6 @@ export const Default = (args: AvatarProps): React.ReactElement => (
   <Avatar {...args} />
 );
 
-const defaultImage =
-  'https://cdn-labs.livechat-files.com/api/file/lc/img/100019504/df59da4b5b0cdb6030efb08787fd255d.jpg';
 const defaultName = 'John Doe';
 
 Default.args = {
@@ -28,7 +27,7 @@ Default.args = {
 export const Types = (): React.ReactElement => (
   <>
     <StoryDescriptor title="Image">
-      <Avatar type="image" src={defaultImage} alt="User avatar" />
+      <Avatar type="image" src={image} alt="User avatar" />
     </StoryDescriptor>
     <StoryDescriptor title="Text">
       <Avatar type="text" text={'Support Heroes'} />
@@ -100,10 +99,10 @@ export const FallbackAvatar = (): React.ReactElement => (
 export const Rim = (): React.ReactElement => (
   <>
     <StoryDescriptor title="Rim">
-      <Avatar withRim type="image" src={defaultImage} />
+      <Avatar withRim type="image" src={image} />
     </StoryDescriptor>{' '}
     <StoryDescriptor title="Rim with status">
-      <Avatar withRim status="available" type="image" src={defaultImage} />
+      <Avatar withRim status="available" type="image" src={image} />
     </StoryDescriptor>
   </>
 );
@@ -113,12 +112,7 @@ export const SizesWithStatus = (): React.ReactElement => {
     <>
       {AvatarSizes.map((size) => (
         <StoryDescriptor title={size} key={size}>
-          <Avatar
-            type="image"
-            src={defaultImage}
-            size={size}
-            status="available"
-          />
+          <Avatar type="image" src={image} size={size} status="available" />
           <Avatar
             type="text"
             text={defaultName}
@@ -137,7 +131,7 @@ export const SizesWithRim = (): React.ReactElement => {
     <>
       {AvatarSizes.map((size) => (
         <StoryDescriptor title={size} key={size} gap="12px">
-          <Avatar type="image" src={defaultImage} size={size} withRim />
+          <Avatar type="image" src={image} size={size} withRim />
           <Avatar
             type="text"
             text={defaultName}
diff --git a/packages/react-components/src/components/Card/Card.module.scss b/packages/react-components/src/components/Card/Card.module.scss
index b80fd6060..ebf1c0711 100644
--- a/packages/react-components/src/components/Card/Card.module.scss
+++ b/packages/react-components/src/components/Card/Card.module.scss
@@ -21,7 +21,6 @@ $base-class: 'card';
 
     &__image {
       border-radius: 4px;
-      background-color: var(--surface-basic-disabled);
       width: 48px;
       height: 48px;
     }
diff --git a/packages/react-components/src/components/Card/Card.stories.tsx b/packages/react-components/src/components/Card/Card.stories.tsx
index fceaf3384..efbd19516 100644
--- a/packages/react-components/src/components/Card/Card.stories.tsx
+++ b/packages/react-components/src/components/Card/Card.stories.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Meta } from '@storybook/react';
 
+import image from '../../stories/assets/folder.svg';
 import { Card, CardProps } from '../Card';
 
 export default {
@@ -24,7 +25,7 @@ export const Default = (args: CardProps): React.ReactElement => (
 
 Default.args = {
   title: 'Card title',
-  src: 'https://via.placeholder.com/100',
+  src: image,
   alt: 'Image description',
   children:
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore',
@@ -35,7 +36,7 @@ export const Expandable = (): React.ReactElement => (
   <Card
     title="Expandable card"
     description="Click show more to expand"
-    src="https://via.placeholder.com/100"
+    src={image}
     expandableContent="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
   >
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
@@ -47,7 +48,7 @@ export const WithButtons = (): React.ReactElement => (
   <Card
     title="Expandable card"
     description="Click show more to expand"
-    src="https://via.placeholder.com/100"
+    src={image}
     buttonsOptions={[
       {
         kind: 'secondary',
@@ -70,7 +71,7 @@ export const ExpandableWithButtons = (): React.ReactElement => (
   <Card
     title="Expandable card"
     description="Click show more to expand"
-    src="https://via.placeholder.com/100"
+    src={image}
     expandableContent="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
     buttonsOptions={[
       {
diff --git a/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx b/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
index ac1fc7cca..00fd5a64e 100644
--- a/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
+++ b/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
@@ -1,6 +1,8 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
+
 import { InviteAgents } from './InviteAgents';
 
 const meta: Meta<typeof InviteAgents> = {
@@ -37,21 +39,21 @@ const mockAgents = [
     name: 'Alice Johnson 2',
     email: 'alic2@example.com',
     status: 'available' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: image,
     isBot: false,
   },
   {
     name: 'Bob Smith',
     email: 'bob3@example.com',
     status: 'unavailable' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: image,
     isBot: false,
   },
   ...[...Array(10)].map((_, index) => ({
     name: `Unknown Agent ${index}`,
     email: `unknown${index}@example.com`,
     status: 'available' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: image,
     isBot: index % 2 === 0,
   })),
 ];
diff --git a/packages/react-components/src/components/Picker/Picker.stories.tsx b/packages/react-components/src/components/Picker/Picker.stories.tsx
index 044da5b02..5b472a1d5 100644
--- a/packages/react-components/src/components/Picker/Picker.stories.tsx
+++ b/packages/react-components/src/components/Picker/Picker.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import { Meta, StoryFn } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
 import { StoryDescriptor } from '../../stories/components/StoryDescriptor';
 import { customHeightForChromatic } from '../../utils/chromatic-story-helpers';
 import noop from '../../utils/noop';
@@ -171,10 +172,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element one</div>
                     <div className="description">Example custom element</div>
@@ -183,10 +181,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">
                     Example custom element one
                   </div>
@@ -200,10 +195,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element two</div>
                     <div className="description">Example custom element</div>
@@ -212,10 +204,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">
                     Example custom element two
                   </div>
@@ -236,10 +225,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element one</div>
                     <div className="description">Example custom element</div>
@@ -248,10 +234,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">Example element one</div>
                 </CustomPickerOption>
               ),
@@ -263,10 +246,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element two</div>
                     <div className="description">Example custom element</div>
@@ -275,10 +255,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">Example element two</div>
                 </CustomPickerOption>
               ),
diff --git a/packages/react-components/src/components/Picker/constants.tsx b/packages/react-components/src/components/Picker/constants.tsx
index 1efd7f88c..1450814a0 100644
--- a/packages/react-components/src/components/Picker/constants.tsx
+++ b/packages/react-components/src/components/Picker/constants.tsx
@@ -1,5 +1,6 @@
 import { DayMode } from '@livechat/design-system-icons';
 
+import image from '../../stories/assets/avatar.jpg';
 import { Icon } from '../Icon';
 import { TagKind } from '../Tag';
 
@@ -87,7 +88,7 @@ export const DEFAULT_MORE_PICKER_OPTIONS: IPickerListItem[] = [
   {
     key: 'four',
     name: 'Option with avatar',
-    avatarSrc: 'https://avatars2.githubusercontent.com/u/29309941?s=88&v=4',
+    avatarSrc: image,
   },
 ];
 
diff --git a/packages/react-components/src/components/Tag/Tag.stories.tsx b/packages/react-components/src/components/Tag/Tag.stories.tsx
index 23cf6ddd6..67a82cc03 100644
--- a/packages/react-components/src/components/Tag/Tag.stories.tsx
+++ b/packages/react-components/src/components/Tag/Tag.stories.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import * as TablerIcons from '@livechat/design-system-icons';
 import { Meta } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
 import { StoryDescriptor } from '../../stories/components/StoryDescriptor';
 import noop from '../../utils/noop';
 import { Icon } from '../Icon';
@@ -15,9 +16,7 @@ const exampleIcon = <Icon source={TablerIcons.Smiles} size="small" />;
 const exampleAvatar = (
   <img
     style={{ borderRadius: '50%', width: '20px', height: '20px' }}
-    src={
-      'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200'
-    }
+    src={image}
     alt="tag-avatar"
     data-testid="lc-tag-avatar"
   />
diff --git a/packages/react-components/src/stories/assets/avatar.jpg b/packages/react-components/src/stories/assets/avatar.jpg
new file mode 100644
index 000000000..0bb57ea0b
Binary files /dev/null and b/packages/react-components/src/stories/assets/avatar.jpg differ
diff --git a/packages/react-components/src/stories/assets/folder.svg b/packages/react-components/src/stories/assets/folder.svg
new file mode 100644
index 000000000..af77ee207
--- /dev/null
+++ b/packages/react-components/src/stories/assets/folder.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0848 22.5519C10.1807 23.8965 10.0847 30.1455 10.0848 30.5411C10.0848 33.547 12.0023 35.5244 13.8237 36.5527C15.6452 37.581 23.9855 41.9315 28.8747 43.118C33.7638 44.3045 34.61 41.2593 34.8184 39.954C35.5016 35.6737 34.8184 34.2779 34.8184 26.507C34.8184 19.0565 31.0796 19.2298 29.5457 18.1224C28.0119 17.015 18.1375 13.5346 13.8236 12.1899C10.3724 11.1142 9.73328 13.0337 10.0848 14.3257V17.0941C10.0848 17.6478 9.98889 21.2073 10.0848 22.5519Z" fill="#E2E2E4"/>
+<path d="M9.0731 19.2743C9.15531 20.6431 9.07304 27.0042 9.0731 27.407C9.0731 30.4668 10.717 32.4797 12.2786 33.5265C13.8402 34.5732 20.9905 39.0018 25.1821 40.2096C29.3737 41.4174 30.0991 38.3174 30.2777 36.9888C30.8635 32.6316 30.2777 31.2108 30.2777 23.3005C30.2777 15.7162 27.3672 16.1766 25.7574 15.2661C24.2442 14.4102 15.9769 10.6517 12.2784 9.28287C9.31964 8.1878 8.77175 10.0986 9.0731 11.4138L9.0731 13.7186C9.0731 14.2822 8.9909 17.9056 9.0731 19.2743Z" stroke="#1B1B20" stroke-width="2.5"/>
+<path d="M16.0728 10.0204C16.576 8.63107 18.7811 4.30452 19.4398 4.03558C20.2632 3.69942 25.1349 5.85063 25.9584 6.0523C26.7818 6.25398 30.0303 7.53995 29.6979 8.87995C29.4282 9.96716 28.2395 11.6863 29.6979 12.4852C31.6373 13.5477 35.9385 15.8738 36.4874 16.2099C37.0364 16.546 39.4491 17.7452 37.8022 22.1821C36.1554 26.619 31.6007 39.6801 28.3329 40.1924" stroke="#1B1B20" stroke-width="2.5"/>
+</svg>