Неверное выравнивание изображений

Question

Привет, у меня есть эта проблема с фотографией, которая расположена в средней колонке. Как я могу это исправить. Кроме того, я должен сказать вам, что я использую WordPress, и я пытаюсь построить это в теме Salient, используя «Штрих-коды Nectar» также в коде ниже, у вас есть ссылка на мой сайт, но вы не можете его посетить он находится под техническим обслуживанием. Должен ли я ввести что-то в поле «Глобальный CSS»?

Вот видео, чтобы помочь вам понять, здесь я использую визуальный композитор: https://www.youtube.com/watch?v=Q1LixRT2LR0

[heading subtitle="Proiectele noastre"] [/heading] 
[one_third][image_with_animation animation="Fade In From Left" image_url="DELETED WEBSITE NAME" delay=""] [/image_with_animation] [/one_third] 
[one_third][image_with_animation animation="Fade In From Bottom" image_url="DELETED WEBSITE NAME" delay=""] [/image_with_animation][/one_third] 
[one_third_last][image_with_animation animation="Fade In From Right" image_url="DELETED WEBSITE NAME" delay=""] [/image_with_animation][/one_third_last] 

[one_third][image_with_animation animation="Fade In From Left" image_url="DELETED WEBSITE NAME" delay=""] [/image_with_animation][/one_third] 
[one_third][image_with_animation animation="Fade In From Bottom" image_url="DELETED WEBSITE NAME" delay=""] [/image_with_animation][/one_third] 
[one_third_last][image_with_animation animation="Fade In From Right" image_url="DELETED WEBSITE NAME" delay=""] [/image_with_animation][/one_third_last] 

HTML ЧАСТЬ

div id="fws_548dc4b895636" class="wpb_row vc_row-fluid standard_section " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg " style=""></div> </div><div class="col span_12 dark "> 
    <div class="vc_span4 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div class="img-with-aniamtion-wrap left"><img class="img-with-animation " data-delay="0" data-animation="fade-in-from-left" src="DELETED WEBSITE URL" alt="" /></div> 
     </div> 
    </div> 

    <div class="vc_span4 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div class="img-with-aniamtion-wrap left"><img class="img-with-animation " data-delay="0" data-animation="fade-in-from-bottom" src="DELETED WEBSITE URL" alt="" /></div> 
     </div> 
    </div> 

    <div class="vc_span4 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div class="img-with-aniamtion-wrap left"><img class="img-with-animation " data-delay="0" data-animation="fade-in-from-right" src="http://DELETED WEBSITE URL/wp-content/uploads/2014/12/circus.png" alt="" /></div> 
     </div> 
    </div> 
</div></div> 
    <div id="fws_548dc4b89602e" class="wpb_row vc_row-fluid standard_section " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg " style=""></div> </div><div class="col span_12 dark "> 
    <div class="vc_span12 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 

     </div> 
    </div> 
</div></div> 
    <div id="fws_548dc4b89650a" class="wpb_row vc_row-fluid standard_section " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg " style=""></div> </div><div class="col span_12 dark "> 
    <div class="vc_span4 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div class="img-with-aniamtion-wrap left"><img class="img-with-animation " data-delay="0" data-animation="fade-in-from-left" src="hDELETED WEBSITE URL" alt="" /></div> 
     </div> 
    </div> 

    <div class="vc_span4 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div class="img-with-aniamtion-wrap left"><img class="img-with-animation " data-delay="0" data-animation="fade-in-from-bottom" src="http://www.DELETED WEBSITE URL/wp-content/uploads/2014/12/safe.png" alt="" /></div> 
     </div> 
    </div> 

    <div class="vc_span4 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div class="img-with-aniamtion-wrap left"><img class="img-with-animation " data-delay="0" data-animation="fade-in-from-right" src="DELETED WEBSITE URL" alt="" /></div> 
     </div> 
    </div> 
</div></div> 
    <div id="fws_548dc4b896eeb" class="wpb_row vc_row-fluid standard_section " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg " style=""></div> </div><div class="col span_12 dark "> 
    <div class="vc_span12 wpb_column column_container col no-extra-padding" data-hover-bg="" data-animation="" data-delay="0"> 
     <div class="wpb_wrapper"> 
      <div style="margin-top: 10px; margin-bottom: 10px;" class="divider-border"></div> 
     </div> 
    </div> 
</div></div> 

Answer 1

Гордо объявляя FIX

После того как я использовал поджигатель Я обнаружил это, и если я изменить высоту: авто высоты с абсолютным значением, как 300px все работает, как должно

.row .col img { 
    height:auto; 
    margin-bottom:15px; 
    max-width:100%; 
    width:auto; 

FIX-за глобального CSS

.row .col img { 
    height:300PX; 
    margin-bottom:15px; 
    max-width:100%; 
    width:auto; 

Thx для upvotes и alos анонимные downvotes. Также ваши комментарии действительно помогли мне указать мне в правильном направлении ... просто нужно было посмотреть в мой HTML/CSS