title: Superposition of two images
body: <p>I implemented the application of one picture for several pixels. Already tried to do it through Stack - but then part of the top image overlaps. The pictures need to be in an 8:1 ratio. Tell me, please, what layout of widgets can I try to implement this?</p>
  <p>How it should look</p>
  <p><a href="https://i.stack.imgur.com/IBSEn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IBSEn.png" alt="" /></a></p>
  <p>What does it look like now</p>
  <p><a href="https://i.stack.imgur.com/ui3P1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ui3P1.png" alt="" /></a></p>
  <pre><code>  @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
            backgroundColor: Colors.deepOrangeAccent,
            body: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                Expanded(
                    flex: 8,
                    child: Image.asset(
                        fit: BoxFit.fill, &quot;images/someimage1.png&quot;)),
                Expanded(
                    flex: 1,
                    child:
                        Image.asset(fit: BoxFit.fitWidth, &quot;images/someimage2.png&quot;)),
              ],
            ),
         ),
      );
    }
  
  
  </code></pre>