Подправить что-то в Lightbox, при увеличении некоторые фото кривые

Работы вероятно минут на 30...

Подправить что-то в Lightbox, возможно что-то не так в параметрах width, height в css, так при увеличении некоторые фото кривые.

В галерее Lightbox в папке Images девять фотографий размеров 800x619, 670x466, 670x465, 670x453, 670x490 и т. д.

В общем проблема в том, что при увеличении некоторые фото криво отображаются, то уходят влево, то растягиваются.

Нужно сделать так, что любые размеры фото в папке Images отображались в Lightbox ровно по центру, и не были привязаны к параметрам width, height. А то чтобы фото ровно отображались приходится эти фото подгонять под заданные размеры (указанные в изначальных настройках скрипта, стилей css), а это неудобно.

Еще при нажатии на миниатюру не совсем корректно загружается большая фотка: сначала появляется фотка и стрелочки на белом фоне (фон сайта), а потом уже подгружается затемненный (полупрозрачный) фон. Локально на компе то это незаметно, все как бы сразу открывается, а вот на хостинге при нажатии на миниатюру все как раз и поэтапно происходит: сначала стрелочки, крестик и большое фото, и потом затемненный фон.

Потом то уже когда в temp историю браузера запишутся файлы страницы, все быстрее появляется, а вот при первоначальном заходе нет. Как бы сделать, что затемненный фон сразу открывался вперед загружаемой большой фотки.

В общем нужно сделать удобно и красиво.

Идеальный пример здесь https://news.mail.ru/politics/20446717/gallery/134566/

у них при нажатии на миниатюру сразу появляется затемненный фон и стрелочки, и потом подружается большое фото.