我正在尝试使用嵌入式svg路径使文本显示在悬停上

Question

我试图使文本显示在悬停的svg左侧。文本从显示开始：没有，我无法指出要在悬停时显示文本的路径。

#svg-logo #ACCESS:hover path {
  fill: #fff !important;
  pointer-events: all;
}

#svg-logo #ACCESS:hover #accessText path {
  display: block;
}

#svg-logo #Support:hover path {
  fill: #fff !important;
  pointer-events: all;
}

.text {
  display: none;
}

<div class="row">
  <div class="col-md-6">
    <div class="text" id="accessText">Some type of text will go here.
    </div>
  </div>
  <div class="col-md-6">
    <img id="svg-logo" class="svg" src="Learning_Ecosystem.svg" alt="Learning Ecosystem">
  </div>
</div>