Нужно прописать условие для вывода изображений под разные устройства
<img src="if (screen.width < 480){ {$slide.image_url}.replace(".jpg", "_mobil.jpg");}else{{$slide.image_url}}">
{$slide.image_url} - базовое изображение.
Суть - что бы на экранах меньше 480px подставлялись другие рисунки. Они уже предварительно подготовлены и имеют имена *_mobil.jpg
Например: 1.jpg а на мобильном будет показывать 1_mobil.jpg
display
с@media
запросами