How to align images(and text)

Hello,

I want to do a page where an image is aligned to the left and text wraps around it, i tried a couple ways i found googling(they involved html) but didnt really work.

How do I do it?
Thanks

Might applying a class to Markdown text be of help? https://learn.getgrav.org/content/image-linking#single-class-attribute

It didnt work, probably because I am also resizing the image at the same time and I dont know how to add both attributes?
Anyway, it works it i use it like this:
![YamiFrankc](defaultyami.png?resize=400,400){.right}

That only works if you have markdown extra enabled, and that is a bit buggy for my liking, you can do it without the extra {.right}, with this:

![YamiFrankc](defaultyami.png?resize=400,400&classes=right)