title: How to remove the blank space in bottom after Container translated to top in Flutter?
body: <p>After applying <code>transform</code> property to a container, it gives an extra padding in the bottom</p>
  <pre><code>Container(
    transform: Matrix4.translationValues(0, -70, 0),
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      border: Border.all(
        color: ZeplinColors.light_blue_grey,
        width: 3.0,
      ),
    ),
    child: const CircleAvatar(
      backgroundImage: NetworkImage(
        'https://pixinvent.com/demo/vuexy-bootstrap-laravel-admin-template/demo-1/images/portrait/small/avatar-s-7.jpg',
      ),
      radius: 55.0,
    ),
  ),
  </code></pre>
  <p>Example (Inspected with Dart DevTools):</p>
  <p><a href="https://i.stack.imgur.com/UgTVt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UgTVt.jpg" alt="Example" /></a></p>
  <p>How to avoid this extra padding ?</p>
  <p>Here is the <a href="https://dartpad.dev/?id=2d585c8fefcf1503d9a28d0b1b9e1ba2&amp;null_safety=true" rel="nofollow noreferrer">DartPad link</a> of what I have tried.</p>