我在代码中添加了一个媒体查询，当我在浏览器中调整窗口大小时，它可以正常工作，但当切换到移动的视图时，它不能按照我希望的方式工作。我在这里做错了什么？
浏览器视图：

“移动的”视图如下所示：

而且，当我在设备中调整窗口大小时，它看起来像这样（这是我试图在移动的视图中实现的）：

--
以下是对此的媒体查询触发器：

@media (max-width: 770px) {
    #title {
        text-align: center;
    }
    .title-image{
        position: static;
        transform: rotate(0);
        width: 70%;
    }
}

我不知道该怎么办。我正在上一门关于udemy的课程，他们没有提到这一点，或者我可能是错误地跳过了这一部分。我又看了一遍，但我仍然被困在这里。如果有人能给我指出正确的方向，那将是一个很大的帮助。