El elemento <img> puede desbordarse a sí mismo

Something Nobody Told You About the Image Element (It Can Overflow)

Aunque parezca un elemento simple, la etiqueta <img> esconde secretos: puede desbordar su propio contenido. El valor por defecto de overflow es clip, pero al usar object-fit: cover, border-radius u object-position, el contenido puede desbordarse. Además, object-fit: none mantiene el tamaño intrínseco de la imagen, lo que permite efectos como animaciones de desplazamiento o un loader de pantalla con un solo elemento. Este artículo explora estos comportamientos y muestra demos creativas.