Wie ändere ich mein CSS, um einen weichen Unschärfeeffekt an den Rändern der Box zu erzielen? Ich möchte, dass der Hintergrund der Box einen Milchglaseffekt hat und statt scharfer Kanten einen gefiederten Effekt hat, der allmählich in den Hintergrund übergeht, aber ich weiß nicht, wie ich das aktuelle CSS ändern soll. Ich hoffe auf eure Hilfe, danke.

.wrap { Position: relativ; Breite: 100 %; Höhe: 100 Vh; Hintergrundbild: url('https://images.unsplash.com/photo-1593642634443-44adaa06623a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=16. 25&q= 80'); Hintergrundgröße: Cover; .Kasten { Position: absolut; links: 50 %; oben: 50 %; transform: Translate(-50%, -50%); Breite: 200px; Höhe: 200px; Hintergrundfarbe: rot; Randradius: 50 %; Hintergrundfarbe: rgba(225, 225, 225, 10 %); Hintergrundfilter: Unschärfe (2px); } }