css中用background设置背景图片，但图片是倒的是什么原因怎么处理？

我试过用transform: rotate()来旋转，但是只能旋转后图片就变成了长500宽1000多px的了。求教这个问题应该怎么解决呀？
谢谢大家了
图片说明图片说明

用transform: rotate()旋转的同时，要把元素的长宽值换一下
width: 500px;
height: 100vw;

当然最好还是直接把图片本身用图片编辑器修正过来