Какое конкретное CSS свойство вы не можете найти?

Для такой настройки можно использовать медиа-запросы в CSS. Например, для отображения карусели на мобильных устройствах и фото в столбик на десктопе, можно добавить следующий код:

@media screen and (max-width: 768px) {
  .swiper-container {
    display: block; /* Показываем карусель на мобильных устройствах */
  }
}

@media screen and (min-width: 769px) {
  .swiper-container {
    display: none; /* Скрываем карусель на десктопе */
  }

  .photo-item {
    display: block; /* Показываем фото в столбик на десктопе */
  }
}

Где .swiper-container - класс вашей карусели, а .photo-item - класс элементов с фото. Таким образом, на мобильных устройствах будет отображаться карусель, а на десктопе - фото в столбик. Необходимо подключить библиотеку Swiper.js для работы с каруселью на вашем сайте.

Такое свойство есть — display: contents . Но обязательно тестируйте решения с ним на доступность, с ним бывают сюрпризы. Хотя конкретно в вашем случае проблем быть не должно.