refactor: Deprecate broken-img mixin

frappe/public/scss/common/mixins.scss

@@ -45,42 +45,5 @@
 	$background-color: var(--bg-color),
 	$border-radius: var(--border-radius),
 ) {
-
-	@if $content {
-		img:after {
-			content: url($content);
-		}
-	} @else {
-		img:after {
-			content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='lightgrey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-image'><rect x='3' y='3' width='18' height='18' rx='2' ry='2'/><circle cx='8.5' cy='8.5' r='1.5'/><polyline points='21 15 16 10 5 21'/></svg>");
-		}
-	}
-
-	img[alt]:after {
-		height: $height;
-		top: $top;
-		left: $left;
-		background-color: $background-color;
-		border-radius: $border-radius;
-		width: 100%;
-		position: absolute;
-		@include flex();
-		z-index: 1;
-	}
-}
-
-// @mixin img-foreground() {
-// 	content: "\f1c5";
-// 	display: block;
-// 	font-style: normal;
-// 	font-family: FontAwesome;
-// 	font-size: 32px;
-// 	color: var(--text-muted);
-
-// 	position: absolute;
-// 	top: 50%;
-// 	transform: translateY(-50%);
-// 	left: 0;
-// 	width: 100%;
-// 	text-align: center;
-// }
+	// Deprecated: Does not work as expected anymore. Also, this never worked in Safari.
+}

frappe/public/scss/desk/file_view.scss

@@ -97,11 +97,6 @@
 						color: transparent;
 						position: relative;
 					}
-
-					@include broken-img(
-						$height: 70px,
-						$top: -15px,
-					);
 				}
 			}
 

frappe/public/scss/desk/image_view.scss

@@ -153,11 +153,6 @@
 				position: relative;
 				width: 100%;
 			}
-
-			@include broken-img(
-				$height: 175px,
-				$border-radius: 0
-			);
 		}
 
 		.image-title {

frappe/public/scss/desk/kanban.scss

@@ -181,11 +181,6 @@
 							color: transparent;
 							position: relative;
 						}
-
-						@include broken-img(
-							$height: 125px,
-							$top: -4px,
-						)
 					}
 
 					.kanban-card-body {