Image size not being considered when rendering HTML pages

[rogeriod]

Whether an image is specified with the inline_image.html or in html, with specific dimensions, or in markdown with no image size, HTML pages always render the image identical (example 1)

{% include inline_image.html file="faro.png" max-width="300" alt="Faro, Portugal" %}

<img src="/images/faro.png" width="200" alt="Faro, Portugal">

![Faro, Portugal](/images/faro.png)

When images have the same width but different heights, HTML pages render images with different widths (example 2).

{% include inline_image.html file="C16_136_1.png" alt="Exercício de Leitura e Ditado" %}
{% include inline_image.html file="C16_136_2.png" alt="Exercício de Leitura e Ditado" %}

Is there a way to override this?

[bbpezeshki]

Whether an image is specified with the inline_image.html or in html, with specific dimensions, or in markdown with no image size, HTML pages always render the image identical (example 1)

{% include inline_image.html file="faro.png" max-width="300" alt="Faro, Portugal" %}

<img src="/images/faro.png" width="200" alt="Faro, Portugal">

![Faro, Portugal](/images/faro.png)

When images have the same width but different heights, HTML pages render images with different widths (example 2).

{% include inline_image.html file="C16_136_1.png" alt="Exercício de Leitura e Ditado" %}
{% include inline_image.html file="C16_136_2.png" alt="Exercício de Leitura e Ditado" %}

Is there a way to override this?

The customstyles.css has a bunch of repeated .post-content img classes (sorry if I'm using the wrong words) that force the image back to 100% size. I just commented all of these out.