diff --git a/src/renderer/components/virtual-grid/grid-card/default-card.tsx b/src/renderer/components/virtual-grid/grid-card/default-card.tsx
index 1c419de9..d8ca80ba 100644
--- a/src/renderer/components/virtual-grid/grid-card/default-card.tsx
+++ b/src/renderer/components/virtual-grid/grid-card/default-card.tsx
@@ -1,7 +1,6 @@
 import { Center } from '@mantine/core';
 import { RiAlbumFill } from 'react-icons/ri';
 import { generatePath, useNavigate } from 'react-router';
-import { SimpleImg } from 'react-simple-img';
 import type { ListChildComponentProps } from 'react-window';
 import styled from 'styled-components';
 import type { CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types';
@@ -78,7 +77,8 @@ const ImageSection = styled.div<{ size?: number }>`
   }
 `;
 
-const Image = styled(SimpleImg)`
+const Image = styled.img`
+  object-fit: cover;
   border-radius: var(--card-default-radius);
   box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 20%);
 `;
@@ -156,9 +156,7 @@ export const DefaultCard = ({
           <ImageSection size={itemWidth}>
             {data?.imageUrl ? (
               <Image
-                animationDuration={0.3}
                 height={cardSize}
-                imgStyle={{ objectFit: 'cover' }}
                 placeholder={data?.imagePlaceholderUrl || 'var(--card-default-bg)'}
                 src={data?.imageUrl}
                 width={cardSize}
diff --git a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
index d803cdad..07582c27 100644
--- a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
+++ b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
@@ -2,7 +2,6 @@ import { Center } from '@mantine/core';
 import { RiAlbumFill } from 'react-icons/ri';
 import { generatePath } from 'react-router';
 import { Link } from 'react-router-dom';
-import { SimpleImg } from 'react-simple-img';
 import type { ListChildComponentProps } from 'react-window';
 import styled from 'styled-components';
 import { Skeleton } from '/@/renderer/components/skeleton';
@@ -78,13 +77,10 @@ interface ImageProps {
   isLoading?: boolean;
 }
 
-const Image = styled(SimpleImg)<ImageProps>`
+const Image = styled.img<ImageProps>`
+  object-fit: cover;
   border: 0;
   border-radius: var(--card-poster-radius);
-
-  img {
-    object-fit: cover;
-  }
 `;
 
 const ControlsContainer = styled.div`
@@ -151,9 +147,7 @@ export const PosterCard = ({
             <ImageSection style={{ height: `${sizes.itemWidth}px` }}>
               {data?.imageUrl ? (
                 <Image
-                  animationDuration={0.3}
                   height={sizes.itemWidth}
-                  importance="auto"
                   placeholder={data?.imagePlaceholderUrl || 'var(--card-default-bg)'}
                   src={data?.imageUrl}
                   width={sizes.itemWidth}