SO roate image on screen size

by panchroma

HTML

<script src="    http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">

<img 
src="https://randompicturegenerator.com/img/people-generator/g50399f628e74a7cc95c9c718301fcfef988d714905c8662740400ed3b0da7eac2fe8e8f3180af3df4674b6d8e16cc092_640.jpg" 
class="rotateMobile">

CSS

@media (max-width: 480px) {

.rotateMobile{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
  }
}