fix: Image scaling of teaser image (#743)

MoritzWeber0 · web-flow · commit 8cc41765e304 · 2026-03-10T06:44:25.000+01:00
Resolves #742
diff --git a/assets/sass/teaser.scss b/assets/sass/teaser.scss
@@ -83,10 +83,16 @@
   }
 }
 
-.m-teaser__image figure {
-  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
-  object-fit: cover;
-  height: 100%;
+.m-teaser__image {
+  figure {
+    border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
+    height: 100%;
+  }
+
+  img {
+    object-fit: cover;
+    height: 100%;
+  }
 }
 
 .m-teaser__dateline {

Original file line number	Diff line number	Diff line change
`@@ -83,10 +83,16 @@`
`83`	`83`	`}`
`84`	`84`	`}`
`85`	`85`
`86`		`-.m-teaser__image figure {`
`87`		`- border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;`
`88`		`- object-fit: cover;`
`89`		`- height: 100%;`
	`86`	`+.m-teaser__image {`
	`87`	`+ figure {`
	`88`	`+ border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;`
	`89`	`+ height: 100%;`
	`90`	`+ }`
	`91`	`+`
	`92`	`+ img {`
	`93`	`+ object-fit: cover;`
	`94`	`+ height: 100%;`
	`95`	`+ }`
`90`	`96`	`}`
`91`	`97`
`92`	`98`	`.m-teaser__dateline {`