I need separate image fields for mobile and desktop and trying to render it using Scriban in picture tag as below.
Current Scriban code:
<picture>
<source srcset="{{ i_item.MyMobileImage.media_url }}" media="(max-width: 767px)">
<source srcset="{{ i_item.MyDesktopImage.media_url }}" media="(min-width: 768px)">
</picture>
Is there a OOTB way to get image url with specific width and media protection hash using Scriban? or Writing Scriban extension is the solution?