title: Center img in the div block (slick-slider)
body: <p>I have a proplem with center <code>img</code> in the <code>div</code>. I read and doing all answers in the questions about center align. And <code>display: flex</code> help me, but it doing my <code>slick-slider</code> jumping. 3 screen it seems good and next jump with no slides 1 second and next good. You can see it in my <a href="http://test.aleksandernitchenko.ru/" rel="nofollow noreferrer">site</a>. How can i centralize my <code>img</code> in the <code>div</code> without <code>flex</code> and <code>position: absolute</code>? Or how can I doing that without jump slider? I hope guys, you understand my English, and sorry for that simple question...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    div {
        display: flex!important;
        justify-content: center;
        align-items: center;
        outline: none;
        height: 100%;
        max-height: 100%;
        img{
          width: 50%;
        }
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="partners multiple-items"&gt;
           &lt;div&gt;
              &lt;img src="img/logo-adata.png"&gt;
           &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>