title: Fit image on p-galleria primeNg for Angular2 application
body: <p>I used p_galleria of PrimeNg and set this attributes :</p>
  
  <pre><code>&lt;p-galleria [images]="productImages"
     panelWidth="560"
     panelHeight="313"
     autoPlay="false"
     showFilmstrip="false"
     id="product-galley"
     showCaption="false"&gt;
  &lt;/p-galleria&gt;
  </code></pre>
  
  <p>also I added an style for rendered image panel :</p>
  
  <pre><code>.ui-panel-images {
      /*height: inherit !important;
      width: inherit !important;*/
      /*max-height: inherit !important;
      height: initial;
      max-width: inherit !important;
      width: initial;*/
      max-width: 100%;
      max-height: 100%;
      width:auto;
      height:auto;
  }
  </code></pre>
  
  <p>But the image is always stretched in container, I want it to be fixed in scale. and be in center of panel.</p>
  
  <p>Is there any idea how to change the style?</p>
  
  <blockquote>
    <p>Maybe its not relevant, but I wrapped this gallery in a
    bootstrap-modal.</p>
  </blockquote>