SOURCE

<div class="box">
    <img src="https://is4-ssl.mzstatic.com/image/thumb/Features114/v4/5a/f8/ec/5af8ecea-e749-8392-82b1-d96e0999ee50/source/960x1266fn.jpg" />
    <div class="modal"></div>
</div>

* {
    margin: 0;
    padding: 0;
}
.box {
    transform: scale(.5, .5);
    position: relative;
    width: 960px;
    height: 1266px;
    overflow: hidden;
}
.box *{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.box img {
    z-index: -1;
    display: block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.box .modal {
    z-index: 1;
    background-color: rgba(255, 255, 255, .8);
    backdrop-filter: saturate(180%) blur(20px);
}