title: I resized with GIMP and mtPaint, it does not work. The image size does not change when I put it slideshow
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myIndex = 0;
  carousel();
  
  function carousel() {
      var i;
      var x = document.getElementsByClassName("mySlides");
      for (i = 0; i &lt; x.length; i++) {
         x[i].style.display = "none";  
      }
      myIndex++;
      if (myIndex &gt; x.length) {myIndex = 1}
      x[myIndex-1].style.display = "block";  
      setTimeout(carousel, 2000); // Change image every 2 seconds
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.mySlides {display:none;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  
  &lt;h2 class="w3-center"&gt;Automatic Slideshow&lt;/h2&gt;
  
  &lt;div class="w3-content w3-section" style="max-width:600px"&gt;
    &lt;img class="mySlides" src="cigand1.jpeg" style="width:30%"&gt;
    &lt;img class="mySlides" src="eu1.jpeg" style="width:30%"&gt;
    &lt;img class="mySlides" src="hun1.jpg" style="width:30%"&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  
  I think the code is right, but the third image is bigger in the slideshow than I want. I resized the image but does not work. 
  How to solve this problem? Did you meet problem like this? Now you can not see the pictures, the problem is other.</p>