Javascript 在css中将图像移向顶部

我有一个键盘，我想把一个图像（键盘）移向顶部，这样它看起来和下面的设计完全相似

在我的小提琴中，键盘图像稍微向下，如小提琴中所示。我想知道如何将键盘图像稍微向上推，使其看起来与上述设计完全相似

包含键盘图像的HTML代码片段如下：

    <div class="full-stack-developer">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-3 left-side">
                    <a href=""><img src="assets/img/Uploads/keyboard.png" </a></div>
                <div class="col-lg-3 right-side"> <a href="">Full Stack Developer</a>
                    <ul>
                        <a href=''>
                            <li>Qualification</li>
                        </a>
                        <a href=''>
                            <li>Go here</li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>

---

只需检查是否可以不使用

位置：相对和位置：绝对

？

即可将页边距top-50px添加到图像中

#id_keyboard {
    margin-top: -50px;
}

---

向图像和一些css添加一个id，如下所示： 设置一个id

 <a href=""><img id = "offset" src="https://s10.postimg.org/wz9hbucvd/keyboard.png" </a>

---

这可以通过在课堂上做一些改变来实现吗？你说的“课堂上的一些改变”是什么意思？在答案中检查我的链接。

#offset{
  margin-top:-40px
}