Since a mobile phone camera works with image-orientation (Selfies rotated-90 deg. and back camera rotated with 90deg), the correct setting can get lost during the process from capturing till presenting on the screen.
So in order to force the image to be displayed properly, you should add some CSS-styling for the image-orientation, which has several options:
/* keyword values */ image-orientation: none; image-orientation: from-image; /* Use EXIF data from the image */ /* Global values */ image-orientation: inherit; image-orientation: initial; image-orientation: revert; image-orientation: revert-layer; image-orientation: unset;
Depending on the camera settings and application displaying styling, the CSS settings above will help you fixng the image.
In addition: more information concering image-orientation can be found at https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation
Good luck with it,