title: How can overlap this image in stack?
body: <p>I'm trying to overlap this two images using stack but I'm not getting the result right:</p>
  <p><img src="https://i.stack.imgur.com/fVeT1.png" alt="this is the image" /></p>
  <p>here is my code</p>
  <pre><code>Padding(
                    padding: const EdgeInsets.only(left: 100.0),
                    child: Stack(
                      clipBehavior: Clip.antiAlias,
                      children: [
                        Container(
                          padding: EdgeInsets.only(right: 4.0),
                          decoration: BoxDecoration(
                            gradient: LinearGradient(
                              begin: Alignment.topRight,
                              end: Alignment.bottomLeft,
                              colors: [
                                Constants.color1,
                                Constants.color2,
                              ],
                            ),
                          ),
                          child: CircleAvatar(
                            radius: 60,
                            backgroundImage: ExactAssetImage('assets/1 (1).jpeg'),
                          ),
                        ),
                        Positioned(
                          right: 90,
                          child: CircleAvatar(
                            radius: 60,
                            backgroundImage: ExactAssetImage('assets/1 (2).jpeg'),
                          ),
                        ),
                      ],
                    ),
                  ),
  </code></pre>
  <p>I have try using rows and positioning still yet, I'm not getting it.</p>