setting img to inline-block as setting it to block for all images breaks most website layouts

Images are inline elements and therefore they should not be set "display: block;" by default. Settings them to "display: inline-block;" will also fixing the gap under the images but it will not break the layouts of probably all website out there.