JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="card">
    </div>
</div>

CSS

.card {
        border-radius: 8px;
        backdrop-filter: blur(20px);
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(255, 255, 255, 0.3);
        width: 50%;
        height: 50%;
        margin: auto;
    }
    .container {
        background-image: url(https://cdn.pixabay.com/photo/2017/05/25/11/49/background-2343156_1280.jpg);
        height: 30em;
    }