Image rotating in img tag

Question

When you go directly to the image URL the image is not rotated, but within the image tag the image is rotated.

https://codesandbox.io/embed/wonderful-beaver-zvfp2

I'm not sure what is going on

(I use Azure to host images)

Answer 1

If this is happening to all images then you can simply add a transform css tag to rotate the image 90 degrees

eg:-

    style={{
      height: "500px",
      borderRadius: "15px 15px 15px 15px",
      boxShadow: "0px 5px 15px -4px #000000",
      transform:"rotate(90deg)",  <-----
    }}