title: Flexbox images in IE showing full image height instead of auto
body: <p>I'm using flexbox for vertical centering on the link below but in IE 11 the images are stretching to the full height of the original image and not "auto" like it should be displaying based on the relation to the 100% width in the fluid container. It shows the normal proportionate height in Safari, Chrome and Firefox. </p>
  
  <p>Does anyone know what I need to add or modify to my css or the HTML to get these to show normally in IE? In case it matters, I also have an equal heights column WP plugin that applies the inline height CSS using the largest height of these div selectors.</p>
  
  <p>Thanks in advance for any help. My code below:</p>
  
  <p><a href="https://www.indexarsolutions.com/apps/" rel="nofollow noreferrer">https://www.indexarsolutions.com/apps/</a></p>
  
  <pre><code>.apps .pic, .apps .text { 
  display: flex;
  justify-content: center;
  flex-direction: column;
  }
  
  &lt;div class="su-row apps"&gt;
    &lt;div class="su-column su-column-size-1-3"&gt;
      &lt;div class="su-column-inner su-clearfix"&gt;
       &lt;div class="pic"&gt;
        &lt;img class="alignleft wp-image-1550" src="https://www.indexarsolutions.com/wp-content/uploads/Facility-Example-photo.jpg" alt="" width="371" height="247" /&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="su-column su-column-size-2-3"&gt;
      &lt;div class="su-column-inner su-clearfix"&gt;
       &lt;div class="text"&gt;An industrial marketing AR app helps a client’s globally distributed customer base visualize and explore a 500 acre, billion-dollar facility virtually. The app eliminates the need for 80-slide sales presentations or costly and time consuming on-site visits.&lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>