Answers for "css automatically resize image"

css resizing image with window

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

force image no resize css

<!-- See here for demo: https://codepen.io/blairwadman/pen/GJZpmM -->
<div class="container">
  <div class="image">
    <img src="http://placehold.it/100x100" width="100" height="100" >
  </div>
  <div class="info">
    <p>Temporibus luctus inventore! Ornare adipisicing occaecati sunt leo optio porta rhoncus venenatis illum, consequat vulputate, ab. Tenetur velit porta pariatur.</p>
  </div>
</div>
<style>
  .container {
    display: flex;
} 
  img {
  width: 100%;
}

.image {
    flex-shrink: 0;
}
</style>