Можно ли выложить фотографии таким образом, чтобы сохранить их содержание и сделать их более понятными?

Да, существует несколько методов, которые могут помочь сохранить содержание и улучшить понимание фотографий.

1. Описательные подписи: Добавьте подробные описания к фотографиям, чтобы зритель имел представление о содержании и контексте снимка. Это особенно полезно для людей с ограниченным зрением.

2. Использование тегов и хэштегов: Можно добавлять теги к фотографиям, чтобы помочь пользователям находить изображения через поиск или просмотр похожих изображений.

3. Редактирование фотографий: Используйте программы для редактирования изображений, чтобы улучшить их качество, восстановить детали или изменить освещение. Это может значительно улучшить восприятие и понимание фотографий.

4. Создание галереи или альбома: Если у вас есть несколько связанных фотографий, можно выбрать лучшие и создать галерею или альбом. Это позволяет представить фотографии в логической последовательности и позволяет зрителю получить полное представление о содержимом посредством просмотра всех изображений вместе.

5. Добавление аннотаций или заметок: Можно добавить аннотации или комментарии непосредственно на фотографии, чтобы объяснить их содержание или выделить важные детали.

В целом, чтобы сделать фотографии более понятными и сохранить их содержание, важно использовать различные методы описания, редактирования и организации изображений.

Есть два пути, чтобы использовать бутстраповскую сетку для вашего макета:
1. Разделите макет на 12 колонок и распределите картинки по колонкам.
2. Измерьте ширины картинок в макете, переведите их в процентное выражение от общей ширины и используйте доступные scss-миксины сетки для создания соответствующих классов.

Однако, на мой взгляд, оба варианта не слишком подходят для данного случая. Можете просто сверстать этот блок с использованием гридов Bootstrap, при этом не запрещается использовать собственные css-классы.