Как отзеркалить css?

Да, нужен был scaleX, а не rotate.

1. Выберите само изображение, которому требуется отражение. Например, добавьте ему класс photo, оставив подпись отдельным элементом рядом. Так изменение не затронет окружающий текст.
2. Задайте .photo { transform: scaleX(-1); }. Отрицательный масштаб по горизонтальной оси создает зеркальное отражение. Обычный масштаб по этой оси равен единице, поэтому модуль размера сохраняется.
3. Не заменяйте это поворотом на 180 градусов. Поворот меняет ориентацию целого изображения и сделает верх низом, а scaleX отражает только горизонтальное направление. Для вертикального отражения существует scaleY(-1).
4. Проверьте, не назначено ли уже другое значение transform. Новая строка с тем же свойством заменяет прежний набор функций, поэтому прежний translate или масштаб может исчезнуть. Если преобразования нужно сочетать, запишите их вместе и проверьте порядок, потому что он способен менять результат. Отдельная обертка позволяет разнести независимые преобразования по разным элементам.
5. Учитывайте содержимое самой фотографии. Любые надписи, логотипы и номера, которые находятся внутри изображения как пиксели, тоже отразятся. CSS не различает в файле лицо и текст. Если это нежелательно, понадобится другая композиция или редактирование исходника.
6. Посмотрите на раскладку после изменения. Transform меняет отображение, сохраняя исходную коробку в потоке, поэтому не требует перестановки подписи. Если отражать общий контейнер, его потомки будут участвовать в преобразовании вместе с ним. Применение только к img в вашем случае проще и понятнее. Сам исходный файл остается прежним, и при отмене правила его обычное отображение восстановится.

Надпись у меня отдельная, значит не перевернется.