Mientras programo en html, ¿cómo puedo hacer que el último lado de la imagen tenga una distancia cero desde la parte superior para lograr el mismo efecto que la segunda imagen?

Echa un vistazo, es posible que estés usando flex o tablas. Si es flex, cambia align-items: baseline a align-items:?flex-start

y así será. bien.

Si es una tabla por favor escriba lt;td?valign="top"gt;lt;/tdgt;

o

lt;td?style="vertical-align:top"gt;lt;/tdgt