MORION_2010
я делаю так
{repeater tab="Статьи" name="articles" label="" prompt="Добавить" span="full"}
{variable name="image" type="mediafinder" label="логотип jpg" mode="image" imageWidth="180" imageHeight="auto" thumbOptions="crop" cssClass="photo_card_thmb"}{/variable}
{variable name="imagew" type="mediafinder" label="логотип webp" mode="image" imageWidth="180" imageHeight="auto" thumbOptions="crop" cssClass="photo_card_thmb"}{/variable}
{variable name="title" label="Атрибут изображения title" type="text" span="right"}{/variable}
{variable name="alt" label="Атрибут изображения alt" type="text" span="right"}{/variable}
{variable name="name" label="Название" type="text" span="left"}{/variable}
{variable name="public_date" label="Дата" type="datepicker" mode="date" span="left"}{/variable}
{variable name="text" label="Текст" type="textarea" size="small" span="full"}{/variable}
{variable name="link" label="Ссылка" type="staticpagepicker" span="full"}{/variable}
{/repeater}
я использую два поля для изображения что бы была возможность еще webp загружать
и в шаблоне вывожу изображения в теге picture, внутри него в srcset вывожу оба изображения. для webp через twig делаю проверку, если изображение
и для админки дописываю сили для .photo_card_thmb флоаты что бы два изображения прижать друг к другу.