Какие свойства можно прописать, чтоб галерея уменьшалась подобным образом?

Для того чтобы галерея уменьшалась подобным образом, можно использовать различные CSS свойства. Вот некоторые из них:

1. **max-width**: Установите максимальную ширину для изображений в галерее, чтобы они не могли быть больше определенного размера. Например:

   .gallery img {
       max-width: 100%;
   }

2. **flexbox**: Используйте flexbox для упорядочивания изображений в галерее и автоматического изменения их размеров. Например:

   .gallery {
       display: flex;
       flex-wrap: wrap;
   }
   .gallery img {
       flex: 1 1 200px; /* Измените значение на максимальную ширину изображения */
   }

3. **media queries**: Используйте медиа-запросы для изменения стилей галереи в зависимости от размера экрана. Например:

   @media (max-width: 768px) {
       .gallery img {
           width: 50%; /* Измените значение на желаемую ширину */
       }
   }

4. **transition**: Добавьте плавные переходы при изменении размеров изображений. Например:

   .gallery img {
       transition: width 0.3s ease; /* Измените значение на желаемую длительность и тип анимации */
   }

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