JSFiddle - React, Tailwind, and code Playground

by David Storey

HTML

<img id="one" src="http://placehold.it/350x150"/>
<img id="two" src="http://placehold.it/350x150"/>
<img id="three" src="http://placehold.it/350x150"/>

CSS

#one {
    -webkit-image-orientation: 90deg;
    -moz-image-orientation: 90deg;
    -ms-image-orientation: 90deg;    
    image-orientation: 90deg;
}
#two {
    -webkit-image-orientation: from-image;
    -moz-image-orientation: from-image;
    -ms-image-orientation: from-image;    
    image-orientation: from-image;}
#three {
    -webkit-image-orientation: 90deg flip;
    -moz-image-orientation: 90deg flip;
    -ms-image-orientation: 90deg flip;
    image-orientation: 90deg flip;
}