Адаптивная вёрстка блока списка товаров (по образцу)

Краткое описание задачи: -------------------------------- На сайте есть страница вывода данных из БД (PHP): https://kanikuly-spb.ru/db_index.php?no_chrome&no_form Нужно а) сделать новый дизайн блока вывода данных и б) прикрутить эту вёрстку к нашей странице. Вёрстка нужна по образцу вот этого сайта: https://www.tcyar.ru/categories/zheleznodorozhnye_i_avia_ekskursionnye_tury_po_rossii/46/tours То есть сверстать нужно не страницу целиком, а только блок списка товаров (точнее экскурсионных туров), который содержит фото, текст, цену (Примеры во вложении). Надо, чтобы вёрстка адаптировалась под размер экрана так же, как на сайте образце. (Единственное отличие: на сайте образце при размере экрана свыше 950px появляются дополнительные элементы, которые нам не нужны, типа галереи фото с прокруткой. Нас устроит упрощённый дизайн, который действует при размере экрана менее 950px). Примеры во вложении. Необходимые для работы детали сообщу, отвечу на вопросы.