Tengo un contenedor con display: grid; grid-gap: 1rem; grid-template-columns: repeat(2,auto);

Dentro del contenedor tengo como hijos directos a mis imágenes, todas las imágenes tienen width: 100% y tienen el mismo tamaño 1024x1024.

El problema es que algunas imágenes se ven pequeñas y otras grande, ¿por qué sucede esto?

Cuando a las imágenes les pongo: width: calc(100% - 1rem * 2); el problema se arregla, pero no entiendo por qué cuando no tienen esa propiedad, algunas se ven del tamaño deseado (grande) y otras de tamaño reducido.

¿Hay otra solución?