title: How to show pictures in my UI working with vaadin
body: <p>I´m simply trying to show a picture in vaadin layout and I´m working with vaadin 13. </p>
  
  <p>I´m not sure where the problem is. I checked many times the path of my picture and if it is in the right package or not, but everything seems right. 
  So I can´t understand why it´s not displaying my picture. </p>
  
  <pre><code>@SuppressWarnings("serial")
  @Route(value = "", layout = MainView.class)
  public class Overview extends VerticalLayout {
  
  public Overview() {
      Label helloLabel = new Label("Hello User!");
  
      // Html img = new Html("&lt;img src='/images/homePicture.jpg'&gt;");
      // add(img);
      Image i = new Image("images/homePicture.jpg", "Alternative image text");
      add(i);
  
  
      Button secondButton = new Button("show");
      Dialog dialog = new Dialog();
      dialog.add(i);
      secondButton.addClickListener(event -&gt; dialog.open());
      add(secondButton);
  </code></pre>
  
  <p>Actually it´s looking like that.
  <a href="https://i.stack.imgur.com/DZQ94.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DZQ94.png" alt="enter image description here"></a></p>
  
  <p>File path structure:
  <a href="https://i.stack.imgur.com/e5RYZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e5RYZ.png" alt="enter image description here"></a></p>