You can create and attach a class to the images (<img>
elements) to rotate, using transform
:
.rotate-180 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
<img src="https://placehold.it/100x100" width="100"/>
<img class="rotate-180" src="https://placehold.it/100x100" width="100"/>
Note: I recommend to resave the images rotated with a image software of your choice.
2
solved How to rotate image in CSS/html