Update warning when parent styles break next/image

[styfle]

• Follow up to Add warning when parent styles break next/image #28221
• Fixes The responsive layout is incompatible with a Flexbox container #27644

[ijjk]

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
buildDuration	15.2s	16.8s	⚠️ +1.6s
buildDurationCached	3.8s	3.6s	-195ms
nodeModulesSize	61.7 MB	61.7 MB	-87 B

Page Load Tests Overall increase ✓

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.065	3.02	-0.04
/ avg req/sec	815.77	827.76	+11.99
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	2.099	2.011	-0.09
/error-in-render avg req/sec	1190.95	1243.3	+52.35

Client Bundles (main, webpack, commons)

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
745.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42.2 kB	42.2 kB	✓
main-HASH.js gzip	23.3 kB	23.3 kB	✓
webpack-HASH.js gzip	1.45 kB	1.45 kB	✓
Overall change	67.2 kB	67.2 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
polyfills-a4..dd70.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
_app-HASH.js gzip	979 B	979 B	✓
_error-HASH.js gzip	194 B	194 B	✓
amp-HASH.js gzip	312 B	312 B	✓
css-HASH.js gzip	329 B	329 B	✓
dynamic-HASH.js gzip	2.67 kB	2.67 kB	✓
head-HASH.js gzip	351 B	351 B	✓
hooks-HASH.js gzip	918 B	918 B	✓
image-HASH.js gzip	4.14 kB	4.14 kB	✓
index-HASH.js gzip	261 B	261 B	✓
link-HASH.js gzip	1.66 kB	1.66 kB	✓
routerDirect..HASH.js gzip	318 B	318 B	✓
script-HASH.js gzip	387 B	387 B	✓
withRouter-HASH.js gzip	320 B	320 B	✓
bb14e60e810b..30f.css gzip	125 B	125 B	✓
Overall change	13 kB	13 kB	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
_buildManifest.js gzip	491 B	491 B	✓
Overall change	491 B	491 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
index.html gzip	541 B	541 B	✓
link.html gzip	552 B	552 B	✓
withRouter.html gzip	534 B	534 B	✓
Overall change	1.63 kB	1.63 kB	✓

Diffs

Diff for _buildManifest.js

@@ -17,7 +17,7 @@ self.__BUILD_MANIFEST = {
     "static\u002Fchunks\u002Fpages\u002Fhooks-f6efb8a484d4a96e150c.js"
   ],
   "/image": [
-    "static\u002Fchunks\u002Fpages\u002Fimage-16bdd752b8e3d0e36706.js"
+    "static\u002Fchunks\u002Fpages\u002Fimage-44a80ed2baebfb52799e.js"
   ],
   "/link": ["static\u002Fchunks\u002Fpages\u002Flink-f62bdaa581311495bb85.js"],
   "/routerDirect": [

Diff for image-HASH.js

@@ -351,7 +351,7 @@
               }
 
               if (false) {
-                var parent, ref, ref1;
+                var parent, ref;
               }
             });
           }

---

Webpack 4 Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
buildDuration	13.4s	14.3s	⚠️ +926ms
buildDurationCached	5.8s	5.7s	-100ms
nodeModulesSize	61.7 MB	61.7 MB	-87 B

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.111	3.206	⚠️ +0.09
/ avg req/sec	803.57	779.84	⚠️ -23.73
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.902	1.943	⚠️ +0.04
/error-in-render avg req/sec	1314.2	1286.35	⚠️ -27.85

Client Bundles (main, webpack, commons)

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
16.HASH.js gzip	186 B	186 B	✓
677f882d2ed8..HASH.js gzip	14.1 kB	14.1 kB	✓
framework.HASH.js gzip	41.9 kB	41.9 kB	✓
main-HASH.js gzip	10.7 kB	10.7 kB	✓
webpack-HASH.js gzip	1.19 kB	1.19 kB	✓
Overall change	68.1 kB	68.1 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
polyfills-a4..dd70.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
_app-HASH.js gzip	964 B	964 B	✓
_error-HASH.js gzip	3.8 kB	3.8 kB	✓
amp-HASH.js gzip	552 B	552 B	✓
css-HASH.js gzip	333 B	333 B	✓
dynamic-HASH.js gzip	2.87 kB	2.87 kB	✓
head-HASH.js gzip	3.06 kB	3.06 kB	✓
hooks-HASH.js gzip	924 B	924 B	✓
index-HASH.js gzip	231 B	231 B	✓
link-HASH.js gzip	1.64 kB	1.64 kB	✓
routerDirect..HASH.js gzip	298 B	298 B	✓
script-HASH.js gzip	3.03 kB	3.03 kB	✓
withRouter-HASH.js gzip	295 B	295 B	✓
30809af5c834..565.css gzip	125 B	125 B	✓
Overall change	18.1 kB	18.1 kB	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
_buildManifest.js gzip	500 B	500 B	✓
Overall change	500 B	500 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js fix-warning-css-flex-responsive	Change
index.html gzip	584 B	584 B	✓
link.html gzip	597 B	597 B	✓
withRouter.html gzip	578 B	578 B	✓
Overall change	1.76 kB	1.76 kB	✓

Commit: 955679a