title: how to create animations with 3 container
body: <p>I want to create a simple animation.
  When I click one of this elements, the selected item must grow larger maybe with an animation, and the others they will have to decrease.</p>
  <p><a href="https://i.stack.imgur.com/aP7Wk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aP7Wk.png" alt="enter image description here" /></a></p>
  <p>I use a <strong>GestureDetector()</strong></p>
  <pre><code>                          GestureDetector(
                                onTap: () =&gt; {},
                                child: Column(children: &lt;Widget&gt;[
                                  Image(
                                    image: AssetImage('images/one.png'),
                                    height: 80,
                                  ),
                                  Text(
                                    &quot;One&quot;,
                                    textAlign: TextAlign.center,
                                    style: TextStyle(
                                        color: kBlueColor,
                                        fontWeight: FontWeight.bold,
                                        fontSize: 30),
                                  ),
                                ]),
                              ),
  </code></pre>