diff --git a/packages/react-notion-x/src/third-party/collection-card.tsx b/packages/react-notion-x/src/third-party/collection-card.tsx
index 805744419..35f42346a 100644
--- a/packages/react-notion-x/src/third-party/collection-card.tsx
+++ b/packages/react-notion-x/src/third-party/collection-card.tsx
@@ -29,8 +29,9 @@ export const CollectionCard: React.FC<CollectionCardProps> = ({
   } = ctx
   let coverContent = null
 
-  const { page_cover_position = 0.5 } = block.format || {}
+  const { page_cover_position = 0.5, card_cover_position = 0.5 } = block.format || {}
   const coverPosition = (1 - page_cover_position) * 100
+  const cardCoverPosition = (1 - card_cover_position) * 100
 
   if (cover?.type === 'page_content') {
     const contentBlockId = block.content?.find((blockId) => {
@@ -57,7 +58,8 @@ export const CollectionCard: React.FC<CollectionCardProps> = ({
             src={src}
             alt={caption || 'notion image'}
             style={{
-              objectFit: coverAspect
+              objectFit: coverAspect,
+              objectPosition: `center ${cardCoverPosition}%`  
             }}
           />
         )