Gire a imagem html
.img {
transform: rotate(90deg);
}
Bewildered Bat
.img {
transform: rotate(90deg);
}<img src="your image" style="transform:rotate(90deg);">div {
position: absolute;
left: 40px;
top: 40px;
width: 100px;
height: 100px;
background-color: lightgray;
}
.rotate {
background-color: transparent;
outline: 2px dashed;
transform: rotate(45deg);
}
.rotate-translate {
background-color: pink;
transform: rotate(45deg) translateX(180px);
}
.translate-rotate {
background-color: gold;
transform: translateX(180px) rotate(45deg);
}