Html 具有向下三角形和均匀背景图像的Div

我不确定这是否可能。但我正在尝试做这样的事情：

*{margin:0；padding:0；}
.盒子
{
位置：相对位置；
宽度：100%；
高度：70vh；
填充：0px；
背景：url(https://images.wallpaperscraft.com/image/cat_face_glasses_thick_65455_1920x1080.jpg);
背景大小：100%；
滤光片：投影（2px2px10pxRGBA（0,0,0,0.5））；
}
.盒子：以前
{
内容：“；
位置：绝对位置；
顶部：70vh；/*必须与div的宽度匹配*/
左：48vw；
边框样式：实心；
边框宽度：26px 26px 0；
边框颜色：浅蓝色透明；
显示：块；
宽度：0；
z指数：0；
}

---

与此类似：。。用你的背景替换渐变完美！多谢各位