diff --git a/modules/readmes/soft_media.txt b/modules/readmes/soft_media.txt
index 91bdd91..aa524a6 100644
--- a/modules/readmes/soft_media.txt
+++ b/modules/readmes/soft_media.txt
@@ -2,5 +2,11 @@ in the css
 
 	@import url("https://styles.alv.cx/modules/soft_media.css");
 
+variables:
+
+	--soft-media-opacity: 0.75;
+	--soft-media-transition-time: .5s;
+	--soft-media-transition-timing-function: ease-in-out;
+
 this module makes reduces the opacity of all images to give the webpage a softer look,
 even when in light mode (this is default behaviour in dark mode).
diff --git a/modules/soft_media.css b/modules/soft_media.css
index f0edf32..eaecd23 100644
--- a/modules/soft_media.css
+++ b/modules/soft_media.css
@@ -1,6 +1,12 @@
+:root {
+	--soft-media-opacity: 0.75;
+	--soft-media-transition-time: .5s;
+	--soft-media-transition-timing-function: ease-in-out;
+}
+
 img, video {
-	opacity: .75;
-	transition: opacity .5s ease-in-out;
+	opacity: var(--soft-media-opacity);
+	transition: opacity var(--soft-media-transition-time) var(--soft-media-transition-timing-function);
 }
 img:hover, video:hover {
 	opacity: 1;