将具有图像背景的前模糊框转换为css html

Question

我想将此图片（我的电脑上的psd）转换为html / css

PSD

一切都很好但我无法将模糊部分转换为代码。此外，我需要此框模糊为动态（背景图像更改，模糊也发生变化）。在这个模糊的psd中，我使用了度数（180）Px的高斯效果。现在，我该如何创建这个模糊框？

这是我的基础css：

._Background {
    width: 100%;
    height: 100%;
    background-image: url("../1.jpg");
    background-size: 100% 100%;
}

._Box {
    width: 20%;
    height: 100%;
    left: 40%;
    position: relative;
    box-shadow: 0px 0px 11px 1px rgba(20, 20, 20, 0.8);
}

._Box .__Inside {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    overflow:hidden;
    filter: blur(5px);
}