Сделать динамическую страницу по макету (Битрикс)

Добрый день. Надо обновить дизайн раздела https://ecoolska.com/media/ согласно макету (скрин во вложении, оригинал в Фигме выбранному исполнителю).

Сейчас на макете 10 кругов (круг - это превью-картинка от детальной страницы). Если детальных страниц больше 10, то 11й размещается как первый, 12й, как 2й, 13й как 3й. То есть цикл повторяется.

Надо сделать адаптивную и десктопную версии, чтобы на разных экранах элементы смотрелись хорошо.