图片链接上方的链接

Question

我正在建立目标网页，但遇到问题。我有一个项目的图像，单击该图像可以在图库模式下进行缩放，并且在该图像的顶部是指向该项目的Behance页面的链接。但是，当我单击项目链接时，我一直在打开图片库。这是我的代码：

<div class="row masonry-wrap">
  <div class="masonry">

    <div class="masonry__brick" data-aos="fade-up">
      <div class="item-folio">


        <div class="item-folio__thumb">

          <a href="images/portfolio/gallery/LiveStreaming.png" class="thumb-link" title="Live" data-size="1617x1440">
            <img src="images/portfolio/LiveStream500x625.jpg" srcset="images/portfolio/LiveStream500x625.jpg 1x, images/portfolio/LiveStream1000x1250.jpg 2x" alt=""></a>
        </div>

        <a href="https://www.behance.net/gallery/77261419/Live-Streaming-Landing-Page-Design" class="item-folio__project-link" title="Project link">
                            Project Link
                        </a>

        <div class="item-folio__text">
          <h3 class="item-folio__title">
            Live Streaming Landing Page
          </h3>
          <p class="item-folio__cat">
            UI Design
          </p>
        </div>

        <div class="item-folio__caption">
          <p>A modern touch to a simple service. UI design made in Sketch for a Live Streaming Landing Page.</p>
        </div>

      </div>
      <!-- end item-folio -->
    </div>
    <!-- end masonry__brick -->

  </div>
  <!-- end masonry -->
</div>
<!-- end masonry-wrap -->

我该怎么办？