blur effect on hover

.blog-posts.hfeed {
width: 100%;
}

.gallery-wrapper   {
    position: relative;
    max-width: 100%;
    padding: 3%;
}



.gallery_image {
position:relative;
overflow:hidden;
max-width:100%;
height:auto;

}

img.gallry_img {
width: 100%;
max-width: 100%;
height:auto;
}
.mask{
width:100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background: #000;
background-color: rgba(0,0,0,0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;

}
.mask_circle {
opacity: 0;
}
.mask_circle img {
width: 0px;
height: auto!important;
}
.mask .mask_circle {
border-radius: 200px;
padding: 13px;
background: #fff;
background-color: rgba(256, 256, 256, 0);
width: 0px;
height: 0px;
margin: auto;
position: absolute;
top: -100%;
left: 39%;
}

.gallery-wrapper:hover .mask .mask_circle{
  -webkit-animation-name: bigEntrance;
  animation-name: bigEntrance;
  -moz-animation-name: bigEntrance;
  -o-animation-name: bigEntrance;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.gallery-wrapper:hover img.gallry_img {
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
	-webkit-filter: blur(-3px);
	filter: blur(-3px);
	-moz-filter: blur(-3px);
}

.gallery-wrapper:hover .mask,.gallery-wrapper:hover .mask_circle  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}