title: button that on click goes to next container
body: <p>i need a help, i need an action that switches to a new container when the button is pressed, and I also want an animation on the transition</p>
  <p>this is what i have now</p>
  <p><a href="https://i.stack.imgur.com/N3VgV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N3VgV.png" alt="enter image description here" /></a></p>
  <p>this what i want see on click</p>
  <p><a href="https://i.stack.imgur.com/Bx2My.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bx2My.png" alt="enter image description here" /></a></p>
  <p>but I want the going to be accompanied by animation,
  and, of course, so that the answer states how to make the transition
  thanks in advance</p>
  <p>here my code:</p>
  <pre><code> Container(
                    height: 133,
                    width: size.width * 0.9,
                    decoration: BoxDecoration(
                      color: PrimaryColors.primaryVariant,
                      borderRadius: BorderRadius.circular(15),
                    ),
                    child: Stack(
                      alignment: Alignment.centerRight,
                      children: [
                        Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: Container(
                            height: 119,
                            width: size.width * 0.9,
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(15),
                              color: PrimaryColors.secondary,
                            ),
                            child: Center(
                              child: Column(
                                children: const [
                                  SizedBox(
                                    height: 20,
                                  ),
                                  Icon(
                                    Icons.content_paste_off,
                                    size: 40,
                                    color: Colors.black,
                                  ),
                                  Text(
                                    'No information',
                                    style: TextStyle(
                                      color: Colors.black,
                                      fontSize: 20,
                                      fontWeight: FontWeight.w400,
                                    ),
                                  )
                                ],
                              ),
                            ),
                          ),
                        ),
                        ClipRect(
                          child: BackdropFilter(
                            filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
                            child: GestureDetector(
                              onTap: () {},
                              child: Container(
                                height: 71,
                                width: 35,
                                decoration: BoxDecoration(
                                  color: PrimaryColors.disabled.withOpacity(0.4),
                                  //Colors.grey.shade200.withOpacity(0.5),
                                  borderRadius: const BorderRadius.only(
                                    bottomLeft: Radius.circular(15),
                                    topLeft: Radius.circular(15),
                                  ),
                                ),
                                child: const Icon(
                                  Icons.chevron_right,
                                  size: 45,
                                  color: Color(0xFF9E9E9E),
                                ),
                              ),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ), 
  </code></pre>