diff --git a/components/Card.tsx b/components/Card.tsx
index c72c868..aa98eee 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -51,10 +51,11 @@ export default function Card({ dm, card, position, settings, flipAction }: CardP
 					className={`transition-transform duration-500 transform-style-preserve-3d ${flipped ? 'rotate-y-180' : ''}`}
 				>
 					<div className="absolute group inset-0 backface-hidden">
+						{dm && <img src={getURL(card, settings)} alt={aria} className="absolute rounded-lg" />}
 						<img
 							src={getURL(cardBack as TarokkaGameCard, settings)}
 							alt="Card Back"
-							className={`rounded-lg ${settings.cardStyle === 'grayscale' ? 'border border-yellow-500/25 hover:drop-shadow-[0_0_3px_#ffd700/50]' : ''}`}
+							className={`absolute rounded-lg ${dm ? 'transition duration-500 hover:opacity-0' : ''} ${settings.cardStyle === 'grayscale' ? 'border border-yellow-500/25 hover:drop-shadow-[0_0_3px_#ffd700/50]' : ''}`}
 						/>
 					</div>
 					<div className="absolute group inset-0 backface-hidden rotate-y-180">