Вообще лучше болчную конструкцию делать, как по мне, задаёшь размер родителя и от него задаёшь размеры дочерних объектов, например:
*,*::after, *::before{
Box-sizing{Border-box;margin:0 auto;padding:0;}
.box{
Width:100%;
height:500px;
}
.img{
Background: url("url") no-repeat;
Background-size:cover;
filter:blur(1%) лучше в процентах, более гибко работает
}
.title{
z-index:2;
fsize:20px;
}