Чтобы повернуть картинку необходимо применить свойство transform с функцией rotate(), внутри которой нужно указать угол поворота. Для примера ниже показаны различные варианты поворота изображения.
Картинке можно задать разный угол поворота с помощью генератора поворота элемента CSS, и скопировать уже готовый код.
![](/wp-content/themes/css/demo/rotate1.jpg)
![](/wp-content/themes/css/demo/rotate1.jpg)
![](/wp-content/themes/css/demo/rotate1.jpg)
![](/wp-content/themes/css/demo/rotate1.jpg)
На примере показан поворот картинки на 45 градусов.
Пример
![](/wp-content/themes/css/demo/cat2.png)
![](/wp-content/themes/css/demo/cat2.png)
HTML
<img src="image.jpg" alt=""/>
<img src="image.jpg" alt="" class="rotate-right"/>
CSS
.rotate-right {
transform: rotate(45deg);
}