Css 图像和段落在手机上无法正确显示

图像向右偏远，页脚覆盖文本。当我在移动设备上查看站点时会发生这种情况。我能做些什么来纠正这个错误？ 以下是网站： www.ferskvaregrosisten.no

img{
      width:100%;
      width:150px;
      length:150px;
      -webkit-transform:rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg);
      position:absolute;
      left:690px;
      top:320px;
    }

    footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
    width:100%;
    }

    p{
      height: 40%;
     width: 100%;
     display: flex;
     position: fixed;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     width:100%;
    }

---

您已经完全定位了img元素。您希望使用法线定位（默认为静态），并使用

img{
  display:block;
  margin: 0 auto;
  // I added the following rules to constrain the size of the image 
  max-width: 300px;
  height: auto;
}

这是一支密码笔