diff --git a/src/components/Image.astro b/src/components/Image.astro
index 5c24ec3..b583e3a 100644
--- a/src/components/Image.astro
+++ b/src/components/Image.astro
@@ -70,7 +70,7 @@ const wrapperProps = href ? { href } : {};
 		{...wrapperProps}
 	>
 		<img
-			class:list={['rounded-2 object-cover dark:opacity-[0.87]']}
+			class:list={['rounded-2 object-cover']}
 			decoding={decoding}
 			loading={loading}
 			src={src}
diff --git a/src/components/MarkdownImage.astro b/src/components/MarkdownImage.astro
index ea13ab7..0290e38 100644
--- a/src/components/MarkdownImage.astro
+++ b/src/components/MarkdownImage.astro
@@ -8,12 +8,6 @@ interface Props {
 const { class: className, noMargin, src, ...props } = Astro.props;
 ---
 
-<div
-	class:list={[
-		'block h-auto w-full rounded-2 mbe-10 mbs-0 dark:opacity-[0.87]',
-		{ 'mbe-0': noMargin },
-		className,
-	]}
->
+<div class:list={['block h-auto w-full rounded-2 mbe-10 mbs-0', { 'mbe-0': noMargin }, className]}>
 	<img src={src} decoding="async" loading="lazy" {...props} />
 </div>