如何将徽标放高一点并在其上添加文本

<div class="logo-container">
  <img src="logo.png" alt="Logo" class="logo">
  <span class="logo-text">公司名称</span>
</div>

.logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 200px; /* 调整高度根据实际需要 */
}

.logo {
  height: 150px; /* 调整高度根据实际需要 */
}

.logo-text {
  font-size: 24px; /* 调整字体大小根据实际需要 */
  margin-top: 10px; /* 调整上边距根据实际需要 */
}