single image equal dimension

"width: 100%;" It gives no change

I know this solution already exists in another add-on (image gallery). But sometimes the user needs to show individual images in several columns and they have different dimensions.

And here the problem arises, if he does not prepare them in a separate graphics program so that they have the same dimension, they will not be shown evenly on the page.

please try to also add a display:block;
there is a strange issue in Firefox, as soon as I go in the debugger on the image tag, it automatically fits correctly, that is why I thought that it was working
Now tested also in Chrome, the display block fixes the issue

This is the value that was missing in the code
Now the images are shown perfectly as I wanted
Thank you very much for your help

great that it works ! I will try to write a small tutorial on that, if anyone else need it

A tutorial would be very useful showing how to deal with this problem quickly.
For my own needs, I have made a short guide on how to do it.