图片与导航栏重叠

Question

我刚开始使用HTML和CSS，却不知道如何解决此问题。我希望导航栏与所有内容重叠，但是当我向下滚动至图片时，它就会与导航栏重叠。我还需要这张图片在这个确切的位置。

这就是我现在拥有的：

nav {
    background-color: rgb(61,64,67);
    width: 1510px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: 20px;
    position: sticky;
    top: 0;
    height: 50px;
    text-align: center;
}

#image {
    float: right;
    margin-right: 175px;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    transform: scale(1.5);
}

预期结果：导航栏与图像重叠

实际结果：图像与导航栏重叠，如here