¿Qué hago si quiero usar imágenes de diferentes tamaños a éstas?

SI necesitas que se ajuste dinamicamente el alto del item al tamaño de la imagen utiliza el valor auto-fill en rows:

    display: grid;
    grid-template-columns: repeat(3, 250px);
    grid-template-rows: repeat(auto-fill);```

CarlosAlba. Tu solución es muy creativa :), pero a largo plazo se convierte en un problema de optimización, si la imagen se debe colocar como bg, estamos teniendo un problema de optimización, y si es una página con tráfico real, hacer que la imagen se inserte por medio de clase en css va a ser un problema y las personas tendrían que modificar el CSS personalmente para que su imagen se suba :D.

Puedes cambair el tamaño usando CSS con las propiedades width y height.

Hola!

Sí necesitas imágenes más grandes pero en el mismo "grid" lo que tendrías que hacer es por medio de CSS modificar el tamaño.

Por ejemplo podrías insertar las imágenes de CSS como background y utilizar conver que haría que se ajuste al tamaño establecido previamente.

Espero ser claro, si necesitas ayuda escribe.