Чтобы отразить картинку по вертикали или горизонтали с помощью CSS можно использовать свойство transform с функцией scale(), отрицательное значение этой функции (-1) позволяет сделать отражение.
Решение По умолчанию, изображение на странице располагается по левому краю окна браузера, а близлежащий текст выравнивается по нижней кромке изображения. Чтобы задать выравнивание по правому краю для селектора IMG следует установить стилевое свойство float со значением right.
Для отражения изображения или другого элемента, ... отрицательное значение также позволяет сделать отражение. ... CSS по теме.
Итак, для того чтобы сделать отражение нашей картинке нам достаточно прописать: