Prevent overflowing non-content images from exploding all over the

place

Use mw-body-content, that makes more sense, assuming we can get it
off the stupid indicators. (Why?!)

Bug: T279951
Depends-On: I785bd09d01e3b004df2f0fb898d7d8f28180501c
Change-Id: Ica58593dbdb2b36004ba1343f91c6c12476d871e

resources/screen-common.less

@@ -595,20 +595,20 @@ pre,
 			border-bottom-width: 3px;
 		}
 	}
+}
 
-	// Keep images from overflowing
-	a > img,
-	.floatnone > img {
+// Keep images from overflowing
+.mw-body-content a > img,
+.mw-body-content .floatnone > img {
 	height: auto !important;
 	max-width: 100% !important;
-	}
 }
 
 a > img,
 .floatnone > img {
 	// Hopefully these are only templates or something sane to begin with
 	// See: T269970
-	.mw-body .mw-parser-output table & {
+	.mw-body-content table & {
 		height: unset !important;
 		max-width: unset !important;
 	}