如何将导航栏粘在滑块图像上

Question

我有这样的导航栏，请看图片

这是CSS代码

.home-upperbar-row{
    background-color: #ffffff;
  z-index: 15;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: unset;
  height: 100%;
  left: 1vw;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  transform: scale(1,1) translate(0%,0%);
}

我想要顶部图像中带有红色标记的部分，但不改变比例，怎么办？

或多或少都需要这样的外观

图片是我在页面上滚动时获得的