Correct Formatting for Media Queries in Images

I’m trying to setup media queries in a markdown image insert. I tried following the docs:

https://learn.getgrav.org/content/media

But this doesn’t work for me at all… What is the correct syntax for this? Say if I wanted large format screens at 25vw, normal size screens at 50vw and mobile screens at 100vw.

Thanks in advance!!

I think the docs-page might be messing up the code slightly, the %XX parts of that piece should not be encoded as URL entities. The example should render as ![](retina.jpg?sizes=(max-width:26em) 100vw, 50vw).