Можно пофиксить эту штуку с блюром?

Ты используешь стандартный блюр, он называется "Размытие по Гауссу". Фиксится самым простым спосгобом, слоями накинь ещё 1 слой и заблюрь его, либо через параметры блюра

 

<div class="background">
<img src="img.jpeg" class="cover">
</div>

HTML

<div class="background">

    <img src="img.jpeg" class="cover">

</div>

.background {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
display: grid;
place-items: center;
}

.cover {
position: relative;
object-fit: cover;
}

.cover::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
filter: blur(10px);
}

CSS

.background {

    position: fixed;

    inset: 0;

    width: 100vw;

    height: 100vh;

    display: grid;

    place-items: center;

}



.cover {

    position: relative;

    object-fit: cover;

}



.cover::before {

    content: "";

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    filter: blur(10px);

}

Картинку вставь на страницу элементом, а не через background-image и поверх этого элемента накинь фильтр размытия