blur background

twig.twig

<div class="container-fluid p-0 ">
  <div class="slick">{% for image in field.images %}
      <div class="position-relative">


        <div class="z-2 position-absolute vh-50 w-100 bg-primary bs-cover bp-center-center br-repeat blur-secondary blur background-secondary "
             style="top:0;left:0;background-image:url('{{ TimberImage(image.image).src }}');">

        </div>
        <div class="vh-50 z-5 bs-contain bp-center-center br-no-repeat blur-secondary position-relative"
             style="background-image:url('{{ TimberImage(image.image).src }}');">

        </div>
      </div>
    {% endfor %}
  </div>
</div>