我有一个被svg遮蔽的图像，我想使该图像的遮罩部分不可点击

<div class="image-container">
  <img src="your-image.svg" alt="Your Image">
  <svg class="mask" viewBox="0 0 100 100">
    <!-- 遮罩路径 -->
  </svg>
</div>

.image-container {
  position: relative;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* 设置为none，使遮罩部分不可点击 */
}

<svg class="mask" viewBox="0 0 100 100">
  <path d="M0 0 L50 100 L100 0 Z" fill="white"></path>
</svg>