Html 图像没有加载到chrome上的codepen？

当我使用本地存储来存储图像时，图像可以在Firefox和chrome上工作，但当我将图像上传到imgur并加载到codepen中时——它只在Firefox上工作，而在chrome上根本不加载图像，为什么会这样

<img src="https://i.imgur.com/OBiyZL0.jpg" alt="Blog Thumbnail">
background: url('https://i.imgur.com/6RELfrW.jpg') no-repeat;

背景：url（'https://i.imgur.com/6RELfrW.jpg")不重复;；

我就是这样做的，CSS是用于与所示html不同的元素，但两者都不适用于codepen/chrome

另外，chrome上的导航栏也不能正常工作，为什么要调整内容：对；不工作

---

有问题的代码笔：

Imgur图像出现

403错误

。例如，尝试一些在线图像服务，而不是imgur。它会起作用的

我使用的图像链接是

下面是工作代码笔：

.splashCover {
  margin-top: 0;
  height: 200px;
  background: url('https://ibb.co/cDR14J') no-repeat;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: top;
  filter: opacity(.6);
}