title: How to get an image above background while shadowing background in flutter
body: <p>I have an image and I want it to appear on my screen, above my background, with keeping background a bit dark type like in the image. I am thinking on using <code>AlertDialog</code> to display the image, but if you think there is a better way of doing it or a specific widget for this, please do tell me. Also please tell me what do we name this kind of image which hovers over background and focusing itself in UI.</p>
  <pre><code>enter code here
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Nhr0E.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nhr0E.jpg" alt="enter image description here" /></a></p>
  <p>Just for trying out, I used this in my screen's initstate, as I want it to appear as soon as my screen appears -</p>
  <pre><code>super.initState();
      showDialog(
        context: context,
        builder: (BuildContext buildContext) {
          return AlertDialog(
            content: Center(
              child: Container(
                color: Colors.red,
                width: 200,
                height: 200,
              ),
            ),
          );
        }
      );
  </code></pre>