title: CSS Issue - Jquery Lightbox size resized when clicking next/previous button
body: <p>Good day guys. I just want to ask some idea from pros here about the <strong>next/previous-transition (resized) issue</strong> with a jquery lightbox plugin. </p>
  
  <p><strong>Original look</strong> when an image is loaded:<img src="https://i.stack.imgur.com/2EZUR.jpg" alt="image of fully loaded image"></p>
  
  <p>The <strong>resized look</strong> when next/previous arrow is clicked:</p>
  
  <p><img src="https://i.stack.imgur.com/Q6Q3C.jpg" alt="enter image description here"></p>
  
  <p>I suspect that I made some css modification with the plugin's default styles when im still customizing the look of the like box. </p>
  
  <hr>
  
  <p>I used the latest <strong>Wordpress Jquery Lightbox</strong>(Latest version plugin)</p>
  
  <p>The site is available in: <strong><code>http://204.197.252.143/~themainr/</code></strong></p>
  
  <p>The jquery lighbox is in the middle part of the page. One of the links(underlined) will open the popup box:</p>
  
  <p><img src="https://i.stack.imgur.com/ZSRxc.jpg" alt="enter image description here"></p>
  
  <hr>
  
  <blockquote>
    <p><strong>Q:</strong> I just wanna ask if what is the best CSS work around for this issue that the responsive part of the lightbox will not be affected.</p>
  </blockquote>