How to make a blur on a slide so that it is not cut off?

Question

css

Guys, help. I am making a website. Already made up. But can't make one point on the slide.
It is necessary that one picture was extreme with a blur. But the edges of the slide cut off this blur. How to make it so that it would not be cut off, but look like in the layout?

I attached a photo of how it is in the layout


and how it turns out for me.


I also attached a site where I planted the layout.
www.testol.site

I would be very grateful for your help

Answer 1

Personally, I managed to do this: ( It seems like it even looks like a layout )

CSS code

Цвет брад с выше заблюреных объектов

.slider-img > .inner {
    position: absolute;
    width: 80%;
    height: 80%;
    background-color: #ACCDFF;
    filter: blur(150px);
}