Фоновый фильтр выходит за пределы радиуса границы ⇐ CSS

[Anonymous]

Я пытаюсь использовать CSS-фильтр и border-radius вместе, но оказывается, что фоновый фильтр выходит за пределы радиуса границы.

Код: Выделить всё

body {
background-attachment: fixed;
background-color: #541B84;
background-image: url("https://source.unsplash.com/random");
background-position: 50% 50%;
background-size: cover;
height: 100%;
width: 100%;
}
.con {
-webkit-backdrop-filter: blur(1rem) saturate(200%);
backdrop-filter: blur(1rem) saturate(200%);
background: rgba(247, 247, 249, 0.8);
border-radius: 100%;
font-size: 7rem;
font-weight: 300;
height: 11rem;
line-height: 1.5;
margin: 1rem auto;
width: 11rem;
text-align: center;
}

Код: Выделить всё

KM

Подробнее здесь: https://stackoverflow.com/questions/363 ... der-radius