Repository: flutter
Issue: [web][html]Nested Y Axis rotation causes a child widget to disappear
Labels: engine,platform-web,c: rendering,e: web_html,has reproducible steps,P2,found in release: 2.10,found in release: 2.11,team-web,triaged-web

While nesting two `Transform` widgets, a child widget (I.E. a picture) is disappearing in some cases. 

It happens with `Animation` and `AnimatedBuilder` as well.

Conditions for reproducing:
* Wide screen resolution only.
* Flutter Web with HTML web renderer only (Not Android nor Flutter Web with `CanvasKit`)
* Flutter 2.10.2

Minimal reproduce:

1. Create new folder `flutter_web_bug`
2. Open terminal inside that folder and execute `flutter create .`
3. Replace `./lib/main.dart` contents with the following code
4. Open terminal and execute `flutter run -d chrome --web-renderer html`

       import 'dart:async';
       import 'dart:math';
       
       import 'package:flutter/material.dart';
       
       void main() {
         runApp(const MyApp());
       }
       
       class MyApp extends StatelessWidget {
         const MyApp({Key? key}) : super(key: key);
       
         @override
         Widget build(BuildContext context) {
           return const MaterialApp(
             title: 'Flutter web bug',
             home: MyHomePage(title: 'Flutter web bug'),
           );
         }
       }
       
       class MyHomePage extends StatefulWidget {
         const MyHomePage({Key? key, required this.title}) : super(key: key);
       
         final String title;
       
         @override
         State<MyHomePage> createState() => _MyHomePageState();
       }
       
       class _MyHomePageState extends State<MyHomePage> {
         double angle = 0.0;
         @override
         void initState() {
           super.initState();
           Timer.periodic(const Duration(milliseconds: 20), (timer) {
             setState(() {
               angle += 0.01;
             });
           });
         }
       
         @override
         Widget build(BuildContext context) {
           return Scaffold(
               appBar: AppBar(
                 title: Text(widget.title),
               ),
               body: Center(
                 child: Transform(
                     transform: Matrix4.identity()
                       ..setEntry(3, 2, 0.001)
                       ..rotateY(pi * angle),
                     alignment: Alignment.center,
                     child: Align(
                         alignment: Alignment.center,
                         child: Container(
                             color: const Color(0xffaaffff),
                             child: Transform(
                                 alignment: Alignment.center,
                                 transform: Matrix4.identity()..rotateY(pi),
                                 child: Image.network('https://docs.flutter.dev/assets/images/dash/dash-fainting.gif'))))),
               ));
         }
       }
  



Demonstration:
![uUl4y 1](https://github.com/flutter/flutter/assets/5598420/6c113808-a902-475b-b40f-161cdb48f7db)

I tried [SO](https://stackoverflow.com/questions/71280250/flutter-web-renderer-not-canvaskit-nested-y-axis-rotation-causes-a-child-widg) first, but as there wasn't a magic solution there, it now seems more like a bug.