Display multiple images in default.md

Just started to investigate GRAV. Created my own theme using pure. What I want to do is resize the three images I have loaded in the page. Can't seem to figure it out?

{% for image in page.media.images %}
{{image..html}}
{% endfor %}

The above display all the images, but at their original size. I can get one image to display using ?resize=300,300

However, I would like to display all of the images that may be attached to the page.

I think I'm not understanding how you mix markdown within html/twig and vice versa.

How can I display the multiple images on my page?

Thanks!

Just found the solution in the Recipes!

need to user {{image.cropResize(300,200).html}}

which is all twig I think?