Javascript 未聚焦上的IntersectionObserver模糊元素

最近我一直在为我的一个朋友做一个图像网格项目。该网站背后的想法是，当一行中的图像聚焦时，它会弹出，而其余的图像会恢复到原来的大小

经过一些研究，我找到了用于JavaScript的IntersectionObserver API和以下示例：我修改了代码，将阈值更改为

let options = {
  threshold: [1.0]
};

但这些只是个人的修改，我遇到的问题是，当我使用visible类向下滚动到下一个聚焦的元素时，前面的元素仍然保持聚焦。我不确定这样做的最佳方式

我发现并能够注意到以下代码：

function updateStatus(visiblity) {
      console.log(visiblity);
      const status = document.querySelector('.status');
      status.textContent = visiblity;
      status.className = 'status status--' + visiblity;
    }

但是，这只是在顶部酒吧，我需要一些帮助来解决这个问题，请和谢谢大家